79200280

Date: 2024-11-18 14:20:33
Score: 0.5
Natty:
Report link
    // 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>
      );
    }
Reasons:
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Unregistered user (0.5):
  • Low reputation (1):
Posted by: user27846394