Cannot use import statement outside a module in Next.js while using Redux

So whenever I am using redux-toolkit with any of the components, it throws me an error that I can’t use an import statement outside. I have tried changing my package. json file also to type=’module’

Error in terminal

import Provider from './components/Provider';
location of error :- node_modulesreact-reduxesexports.js

used only basic redux like this

const shownDown = useSelector((state: RootState) => state.navbar.isShown);
  const infoDown = useSelector(
    (state: RootState) => state.navbar.isUsefulInfoShown
  );

Any help would be appreciate other wise have to shift back to CRA