1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import { useEffect, useState } from 'react';
export const ClientOnly = ({ children }) => {  const [hasMounted, setHasMounted] = useState(false);
  useEffect(() => {    setHasMounted(true);  }, []);
  if (!hasMounted) {    return null;  }
  return children;};