에러발생

next.js에서 프로젝트를 진행중 toast-ui/react-editor를 이용하던 중 build과정에서 에러가 났다.

에러원인

toast-ui/react-editor는 ssr을 지원하지 않는다.

에러해결

import React from "react";
import dynamic from "next/dynamic";
const NoSsrWysiwyg = dynamic(() => import('@/component/Write/Write'), { ssr: false })


const AddWrite = () => {
  return <NoSsrWysiwyg />;
};

export default AddWrite;

dynamic을 사용해 ssr을 꺼주는 설정을 해야한다.