hydration

hydration 이슈가 발생했을때 해결방안

1. mounted 조건 추가

const Modal: React.FC = ({ isHide }) => {
  const [isMounted, setIsMounted] = useState(false);

  useEffect(() => {
    setIsMounted(true);
  }, []);

  const isOpen = isMounted && !isHide;
  
  //...

2. dynamic import

const = BottomSheet = dynamic(
  () => import('src/components/BottomSheet'),
  {
    ssr: false,
  },
);