"use client";

import React, { useEffect } from "react";
import { Provider } from "react-redux";
import { store } from "./store";

export const ReduxProvider: React.FC<{ children: React.ReactNode }> = ({
  children,
}) => {
  // If the browser restores a page from bfcache (back/forward navigation),
  // force a real reload so middleware re-evaluates the auth cookie.
  useEffect(() => {
    const onPageShow = (e: PageTransitionEvent) => {
      if (e.persisted) window.location.reload();
    };
    window.addEventListener("pageshow", onPageShow);
    return () => window.removeEventListener("pageshow", onPageShow);
  }, []);

  return <Provider store={store}>{children}</Provider>;
};

export default ReduxProvider;