Ошибка с Redux-Persist?

Question

[Danila232]

Вся работа происходит в 2х файлах - configureStore.jsx(где инициализируем persist, настраиваем и экспортируем) и App,jsx, где оборачиваем приложение в , чтобы оно имело доступ к новому store. Вроде сделал всё по интсрукции - но всё равно вылетает куча ошибок, при чём разных:

// configureStore.jsx

import { persistStore, persistReducer } from 'redux-persist'
import storage from "redux-persist/lib/storage"; // наше хранилище(как localStorage)


const persistConfig = {  // делаем persist-config
    key: 'root',
    storage,
}
const persistorReducer = persistReducer(persistConfig, reducer)


export const store = configureStore({
    reducer: {
        persistorReducer,
        [api.reducerPath]: api.reducer,
    },
    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(api.middleware)
})
export const persistor = persistStore(store)

// Api.jsx

// Redux-dependencies
import { Provider } from 'react-redux';
import { store } from './store/configureStore';

// Redux-Persist
import { PersistGate } from 'redux-persist/integration/react';
import { persistor } from './store/configureStore';

const App = () => {

    return (
        <Provider store={store}>
            <PersistGate persistor={persistor} loading={null}>
                    <MainContext>
                        <RouterProvider router={router} />
                    </MainContext>
            </PersistGate>
        </Provider>
    )
}

export default App;

Ошибок, как видно, много и они разные - в чём же проблема?