window is not defined

라이브러리 같은거 쓰는데 걍 import 했더니 window is not defined 어쩌구 할 때

• 하라는대로 import 했는데 안될 때
• window가 없다고 해서 client 컴포넌트에서 import 했더니 브라우저에서는 되는데 서버측 window is not ... 일 때
• 1번 해결책 : next/dynamic

"use client"
import dynamic from 'next/dynamic';
const 작명 = dynamic(() => import('위치'), {ssr: false});

// 아래쪽에서 
// <작명 /> 이런식으로 쓰면됨

• 그래도 안될 때 2번 해결책

useEffect(() => {
  import('위치')
    .then((module) => {
        const 작명 = module().default;
        // 작명 이용하면 됨
    })
    .catch(error => console.log(error));
}, [])

• 이런식으로 해도 될 것 같고 아니면 걍 require 쓰던지...