portabase/src/state-management/HydratationZustand.tsx

"use client"

import {useEffect, useState} from "react"

const HydrationZustand = ({children}) => {
    const [isHydrated, setIsHydrated] = useState(false)

    // Wait till Next.js rehydration completes
    useEffect(() => {
        setIsHydrated(true)
    }, [])

    return <>{isHydrated ? <div>{children}</div> : null}</>
}

export default HydrationZustand