initialize store on all pages (no persist gate)

Author: Alessandro100

src/app/[locale]/[...slug]/page.tsx

@@ -5,15 +5,12 @@
 import { type ReactNode, use, useEffect } from 'react';
 import dynamic from 'next/dynamic';
 import { PersistGate } from 'redux-persist/integration/react';
-import { persistStore } from 'redux-persist';
-import { store } from '../../store/store';
+import { persistor } from '../../store/store';
 import { useAppDispatch } from '../../hooks';
 import { resetProfileErrors } from '../../store/profile-reducer';
 
 const App = dynamic(async () => await import('../../App'), { ssr: false });
 
-const persistor = persistStore(store);
-
 interface PageProps {
   params: Promise<{
     locale: string;

src/app/store/store.ts

@@ -1,5 +1,6 @@
 import {
   persistReducer,
+  persistStore,
   FLUSH,
   REHYDRATE,
   PAUSE,
@@ -83,6 +84,11 @@ if (typeof window !== 'undefined' && (window as any).Cypress) {
 
 sagaMiddleware.run(rootSaga);
 
+// Create the persistor at the store level so rehydration and
+// state-persistence happen on every page load, not just on the
+// legacy catch-all route.
+export const persistor = persistStore(store);
+
 export type RootState = ReturnType<typeof store.getState>;
 export type AppDispatch = typeof store.dispatch;
 export type AppThunk<ReturnType = void> = ThunkAction<