If you've ever tried to use ReactQuill's RichText, you've probably already faced this error:
ReferenceError: document is not defined
If so, today I bring you good news, I managed to suppress the error by disabling SSR only for the ReactQuill component as follows:
`import dynamic from 'next/dynamic' ao invés de: import ReactQuill from “react-quill-new”, use o seguinte for a da função ou classe principal: const DynamicHeader = dynamic(() => import("react-quill-new"), { ssr: false, }) export default Mycomponent(){ const [value, setValue] = useState<string>(""); return( /*ao inês de: <ReactQuill theme="snow" value={value} onChange={setValue} /> Use o seguinte: */ <DynamicHeader theme="snow" value={value} onChange={setValue} /> }` And that's it, if it doesn't work give me feedback, if it works, it's the same, thanks for visiting!
fonts:https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading#with-no-ssr
Top comments (0)