Импорт в тело модуля; переупорядочить в начало импорта / сначала

Question

Здравствуйте, я пишу простое приложение в соответствии с моим индексом. js выглядит следующим образом. Я настраиваю хранилище резервов и резервный резерв и получаю эту ошибку после импорта всего, что мне нужно. Кто-нибудь знает, как это исправить? У меня установлено расширение eslint в vscode, и я не могу его отключить, потому что от него зависит какой-то пакет.

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';
import * as serviceWorker from './serviceWorker';

import './index.css';
import App from './App';

import { store, persistor } from './redux/store';

ReactDOM.render(
  <Provider store={store}>
    <BrowserRouter>
      <PersistGate loading={null} persistor={persistor}>
        <App />
      </PersistGate>
    </BrowserRouter>
  </Provider>,
  document.getElementById('root')
);

serviceWorker.unregister();