playground/src/store/provider/index.tsx

"use client";

import { useRef } from 'react'
import { Provider } from 'react-redux'
import { makeStore, AppStore } from '..'

export function StoreProvider({
  children
}: {
  children: React.ReactNode
}) {
  const storeRef = useRef<AppStore>()
  
  if (!storeRef.current) {
    // Create the store instance the first time this renders
    storeRef.current = makeStore()
  }

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