"use client";

import { Provider } from "react-redux";
import { useEffect, type ReactNode } from "react";
import { store } from "@/core/store";
import { hydrateFromStorage } from "@/core/authSlice";

function AuthHydrator() {
  useEffect(() => {
    store.dispatch(hydrateFromStorage());
  }, []);
  return null;
}

export default function StoreProvider({ children }: { children: ReactNode }) {
  return (
    <Provider store={store}>
      <AuthHydrator />
      {children}
    </Provider>
  );
}