I want to fetch the latest/updated store in the getServerSideProps
method.
I wrote the below codes but it’s giving the initial store with default values, not the updated or current store.
Is there any way to fetch the current store in getServerSideProps
?
store.js:
import { configureStore } from "@reduxjs/toolkit";
import rootReducer from "./reducers";
import { persistStore, persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";
const persistConfig = {
key: "root",
storage,
};
const persistedReducer = persistReducer(persistConfig, rootReducer);
const store = configureStore({
reducer: persistedReducer,
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware({
serializableCheck: false,
}),
});
const persistor = persistStore(store);
export { store, persistor };
addressPage.Component.tsx:
import React, { useState, useEffect } from "react";
import { get } from "@/services/http-apis";
const AddressPage = ({ addressListSSR, addressListSSR }: any) => {
return (
<div>{addressListSSR}-{addressListSSR}</div>
);
};
export const getServerSideProps = async (context: any) => {
console.log("state", store.getState()); // fetch the initial state
const isUserLoggedInSSR = true;
return {
props: {
isUserLoggedInSSR,
},
};
};
export default AddressPage;