Как стилизовать компонент React в приложении Angular 7

Question

У меня есть проблема со стилевым компонентом React в приложении Angular 7.1.

Я решаю все проблемы со сборочным приложением, двунаправленной связью между компонентами Angular и ReactJS, но не могу решить простую проблему с импортом стилей.

Обычно я использую Less, но я не могу импортировать даже файл .css.

Я пытаюсь использовать:

...
// @ts-ignore
import styles from './renderer.css';

...

class Renderer extends React.Component<IRenderer, any> {
    ...

    render() {
        return (
            <div className={styles.rendererbackground}>
               TEXT
            </div>
        );
    }
}

Я также пытаюсь:

// @ts-ignore
import './renderer.css';

<div className='rendererbackground'>
   TEXT
</div>

Но у меня работает только встроенный стиль.

У вас есть идеи, как мне решить эту проблему?

Answer 1

У меня есть временное решение этой проблемы - я импортирую стиль из моего react-renderer компонента в Angular как ::ng-deep,

::ng-deep {
    @import "../../react/renderer.less";
    @import "../../react/components/something/something.less";
}