NEXT.JS react-quill 사용방법 | 데이터카페

NEXT.JS react-quill 설치
command
  npm install react-quill


page.tsx 생성 
- import react-quill 해서 사용하면 nextjs 빌드할때 오류가 발생하가 됩니다. SSR에 대한 오류이기 때문에 const ReactQuill = dynamic(() => import('react-quill'), { ssr: false }); 처리해야  빌드할때 오류가 안납니다.

code
"use client";
import dynamic from 'next/dynamic';
import 'react-quill/dist/quill.snow.css';

const ReactQuill = dynamic(() => import('react-quill'), { ssr: false });

export default function QuillEditor() {

 return (
      <ReactQuill modules={
                            {toolbar: [
                                        [{ header: [1, 2, false] }],
                                        ['bold', 'italic', 'underline', 'strike', 'blockquote'],
                                        [{ list: 'ordered' }, { list: 'bullet' }],
                                        ['link', 'image'],
                                        ['clean'],
                                      ],
                            }
                          }
      />
  );
};