-
NextJS 외부라이브러리 Error : document(or window) is not defined 해결하기Next.js 2021. 9. 6. 16:30728x90반응형
NextJS로 프로젝트를 하는 중 조금 오래된 라이브러리 등을 이용할 때 NextJS의 ssr 속성 때문에 document나 window가 호출되기 전 라이브러리를 로드해서 에러가 발생하는 경우 무척 간단하게 해결 가능하다.
import dynamic from 'next/dynamic' const QuillNoSSRWrapper = dynamic(import('react-quill'), { ssr: false, })
NextJS의 dynamic Import를 이용해 ssr옵션을 끄는 것으로 간단하게 해결 가능하다.
반응형'Next.js' 카테고리의 다른 글
NextJS Image에서 fallback 활용하기 (0) 2021.09.16 NextJS Firebase@9으로 migration하기 (0) 2021.09.14 NextJS Image Tag Error: Invalid src prop 해결하기 (0) 2021.09.06 NextJS 11버전에서 next Image 태그 사용하기 (0) 2021.08.09 NextJS에서 antd less파일 이용하기 (0) 2021.07.27