React-draft-wysiwyg does not work well in Next.js

import React, {useCallback, useContext, useEffect, useState} from "react";
import dynamic from "next/dynamic";

const Editor = dynamic(
  ( ) = > import ("react-draft-wysiwyg").then ((mod) = > mod.Editor),
  { ssr:false}
);

import {ContentState, convertToRaw, EditorState} from "draft-js";

import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";

export default function Home() {
  const [editorState, setEditorState] = useState("");

  consthandleImageUpload=useCallback(async(file)=>{
    return wait axios
      .post
      // The process of uploading a file and returning the url of the image after the upload.
      ()
      .then(response)=>{
        return {data:{link:response}};
      })
      .catch(error)=>{
        return error;
      });
  }, []);

  console.log(editorState);

  return(
    <div className="container my-5">
      <Editor
        editorState = {editorState}
        toolbarClassName="toolbarClassName"
        wrapperClassName="wrapperClassName"
        editorClassName = "editorClassName"
        editorStyle={{
          border: "solid 1px lightgray",
          padding: "5px",
        }}
        localization={{locale:"ja"}}}
      />
    </div>
  );
}