Тип элемента JSX не имеет никакой конструкции или сигнатуры вызова

Question

Я использую этот простой элемент React слева в качестве корневого элемента на странице справа.

Как исправить показанную ошибку?

Answer 1

Этот хакерский тип-тип устраняет ошибку, хотя я ее совсем не понимаю:

const App: any = require('./components/views/app/app');

Answer 2

Как насчет:

class App extends React.Component<any, any> {
    render() {
        return <div>foo</div>;
    }
}

Answer 3

React ожидает React.StatelessComponent от импортированного приложения в mainScreenHelper.tsx. Это означает, что вам нужно предоставить этот интерфейс в приложении

interface IProps {}
const App : React.StatelessComponent<IProps> = () => (
   <div></div>
);