// Adding ref has resolved my issue ....
"use client";
import { ReactNode, useRef } from "react";
import { Provider } from "react-redux";
import { AppStore, makeStore } from "../rtk/store";
import { ToastContainer } from "react-toastify";
import { Wrapper } from "@containers";
import "react-toastify/dist/ReactToastify.css";
import { ThemeProviderWrapper } from "app/theme/ThemeProviderWrapper";
export function ClientOnlyProvider({ children }: { children: ReactNode }) {
const storeRef = useRef<AppStore>();
if (!storeRef.current) {
// Create the store instance the first time this renders
// Call your store here to resolve reset issue
storeRef.current = makeStore();
}
return (
<ThemeProviderWrapper>
<Provider store={storeRef.current}>
<ToastContainer />
<Wrapper>{children}</Wrapper>
</Provider>
</ThemeProviderWrapper>
);
}