12345678910111213141516
import { useEffect, useState } from 'react';
export const ClientOnly = ({ children }) => {  const [hasMounted, setHasMounted] = useState(false);
  useEffect(() => {    setHasMounted(true);  }, []);
  if (!hasMounted) {    return null;  }
  return children;};