How to fix 'React must be in scope' (JSX)? [требует правки]

I have such classes: index.tsx :

import * as ReactDOM from "react-dom";
import {Provider} from 'react-redux';
import App from "./components/AppComponent";
import configureStore from "./store/MainStore";
import * as React from 'react';
const store = configureStore();
ReactDOM.render(
    <Provider store={store}>
            <App/>
    </Provider>,
    document.getElementById('root') as HTMLElement
);

And App.tsx :

import { Route } from 'react-router';
import { Router } from 'react-router';
import { withRouter } from 'react-router';
import FavoritesComponent from "./FavoritesComponent";
import TopComponent from "./TopComponent";
import * as React from 'react';
class App extends React.Component<any, any> {
    constructor(props: any) {
        super(props);
    }

When i compile code, i've recieve error, looks like this

Line 6: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 6: 'Provider' is not defined
react/jsx-no-undef Line 6: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 6: 'App' is not defined
react/jsx-no-undef

I've try to read some info about scopes in jsx, but it didn't help. Please, tell my any ideas how can i fix this?