title: how to configure redux sagas with redux toolkit and typescript?
body: <p>This is my store :
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>import saga from 'redux-saga';
  import {all, fork} from 'redux-saga/effects';
  import { configureStore, getDefaultMiddleware} from '@reduxjs/toolkit';
  
  import { watchCommonSaga} from './sagas';
  import RootReducer from './slices';
  
  function* RootSaga(){
      yield all([fork(watchCommonSaga)]);
  }
  
  const sagaMiddleware = saga();
  
  const store = configureStore({
      reducer: RootReducer,
      middleware: [
          ...getDefaultMiddleware({thunk: false, serializableCheck: false}),
          sagaMiddleware
      ],
      devTools: process.env.NODE_ENV !== 'production',
  })
  
  sagaMiddleware.run(RootSaga);
  
  export type RootState = ReturnType&lt;typeof store.getState&gt;
  
  export default store;</code></pre>
  </div>
  </div>
  </p>
  <p>, <strong>The problem is that getDefaultMiddleware is deprecated.:</strong>,
  How i can solve this? I can't find updated documentation.</p>