'use client' import { useEffect, useState } from 'react' interface ClientOnlyProps { children: React.ReactNode } const ClientOnly: React.FC = ({ children }) => { const [hasMounted, setHasMounted] = useState(false) useEffect(() => { setHasMounted(true) }, []) if (!hasMounted) { return null } return <>{children} } export default ClientOnly