ReferenceError: self is not defined,,How to use in Next.js

Question

I am trying to use rich text editorin my Next.js project

import React from 'react'
import JoditEditor from 'jodit-react'

const Editor = () => {
  const editor = useRef(null);
  const [content, setContent] = useState('');

  return (
    <div>
      <JoditEditor
        ref={editor}
        value={content}
        onChange={newContent => setContent(newContent)}
      />
    </div>
  )
}

export default Editor

I got this Server Error:

Reference Error: self is not defined