title: React redux toolkit returning "t is not a function. (In 't(i,c)', 't' is an instance of Object)" when trying to covert createStore to configureStore
body: <p>I'm trying to convert</p>
  <blockquote>
  <p>react redux</p>
  </blockquote>
  <p>to its counterpart</p>
  <blockquote>
  <p>react redux toolkit</p>
  </blockquote>
  <p>but i kept running into this problem</p>
  <blockquote>
  <p>t is not a function. (In 't(i,c)', 't' is an instance of Object)</p>
  </blockquote>
  <p>And I don't really understand what it means.
  This is the configureStore.js</p>
  <pre><code>    import { configureStore } from '@reduxjs/toolkit'
  import {  persistStore,  persistReducer,  FLUSH,  REHYDRATE,  PAUSE,  PERSIST,  PURGE,  REGISTER,} from 'redux-persist'
  import AsyncStorage from '@react-native-community/async-storage';
  import { createLogger } from 'redux-logger';
  import createSagaMiddleware from 'redux-saga';
  
  //import sagas from 'app/sagas';
  import {
    loginReducer,
    paymentReducer,
    signupReducer
  } from '../reducer';
  
  const config = {
    key: 'root',
    storage: AsyncStorage,
    blacklist: ['loadingReducer'],
    debug: true, //to get useful logging
  };
  
  const middleware = [];
  const sagaMiddleware = createSagaMiddleware();
  
  middleware.push(sagaMiddleware);
  
  if (__DEV__) {
    middleware.push(createLogger());
  }
  const reducers = persistReducer(config, {reducer:{
      loginReducer,
      signupReducer,
      paymentReducer
    }})
  
  const store = configureStore({
    reducer: reducers,
    middleware: (getDefaultMiddleware) =&gt;
      getDefaultMiddleware({
        serializableCheck: {
          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
        },
        thunk: false,
        ...middleware
      }),
  })
  
  let persistor = persistStore(store);
  const myStore = () =&gt; {
    return { persistor, store };
  };
  
  export default myStore
  //sagaMiddleware.run(sagas);
  /*import { configureStore } from '@reduxjs/toolkit'
  
  export const store = configureStore({
    reducer: {},
  })
  </code></pre>
  <p>while this is</p>
  <blockquote>
  <p>App.js</p>
  </blockquote>
  <pre><code>import React from 'react';
  import { ActivityIndicator } from 'react-native';
  import { Provider } from 'react-redux';
  import storage from 'redux-persist/lib/storage'
  import { PersistGate } from 'redux-persist/integration/react'
  import { DefaultTheme, Provider as PaperProvider } from 'react-native-paper';
  import 'react-native-gesture-handler';
  import Navigator from './app/navigation';
  import myStore from './app/store/configureStore';
  import { enableScreens } from 'react-native-screens';
  enableScreens();
  
  const { persistor, store } = myStore();
  
  const theme = {
    ...DefaultTheme,
    roundness: 2,
    colors: {
      ...DefaultTheme.colors,
      // primary: '#3498db',
      // accent: '#f1c40f',
    },
  };
  
  export default function Entrypoint() {
    return (
      &lt;Provider store={store}&gt;
        &lt;PersistGate loading={null} persistor={persistor}&gt;
          &lt;PaperProvider theme={theme}&gt;
            &lt;Navigator /&gt;
          &lt;/PaperProvider&gt;
        &lt;/PersistGate&gt;
      &lt;/Provider&gt;
    );
  }
  </code></pre>
  <p>I don't know where the problem is but</p>
  <ol>
  <li>I'm quite sure the problem is in the configureStore script</li>
  <li>How do I solve this kind of issue</li>
  </ol>