clarification with redux toolkit exmple using JS

[Elabbasy00]

I searched a lot and found a lot of examples, all in different ways, and they all warn of losing the features of Next

I finished running Redux as follows

store.js

import { configureStore } from '@reduxjs/toolkit';
import reducers from './rootReducer';

export function makeStore() {
  return configureStore({
    reducer: reducers,
  });
}

const store = makeStore();

export default store;

_app.js

import React from 'react';
import { Provider } from 'react-redux';
import store from '../redux/store';

const MyApp = ({ Component, ...rest }) => {
  return (
    <Provider store={store}>
      <Component {...rest} />
    </Provider>
  );
};

export default MyApp;

I'm wondering if I lost Next features like this or not

Or do I have to use something like next-redux-wrapper

Is it necessary to use useDispatch() in getStaticProps && getServerSideProps or as usually

Is there a better way?