Only render children on client

NoSSR.tsx

'use client'
import { useEffect, useState } from 'react'

// https://www.youtube.com/watch?v=KAjemAivU24

export function NoSSR ( { children }: { children?: React.ReactNode } ) {
    const [ isClient, setIsClient ] = useState( false )
    useEffect( () => { setIsClient( true ) }, [] )
    return isClient ? <>{children}</> : null
}