"use client"

import React, { useRef } from "react";
import { Provider } from "react-redux";
import { makeStore } from "./store";
import type { AppStore } from "./store";

export default function StoreProvider({
  children,
}: {
  children: React.ReactNode
}) {
  const storeRef = useRef<AppStore | null>(null)
  if (!storeRef.current) {

    storeRef.current = makeStore()
  }

  return <Provider store={storeRef.current}>{children}</Provider>
}