Draft.js with toolbar and ERROR when toolbar's button

Component.jsx

import React, { useEffect } from 'react';

import { Editor, EditorState } from 'draft-js';
import { useState } from 'react';
import 'draft-js/dist/Draft.css';
import createToolbarPlugin from '@draft-js-plugins/static-toolbar';

const staticToolbarPlugin = createToolbarPlugin();
const { Toolbar } = staticToolbarPlugin;

const PostReview = () => {
  useEffect(() => {
    setState(true);
  }, []);

  const [state, setState] = useState(false);

  const [editorState, setEditorState] = React.useState(() =>
    EditorState.createEmpty(),
  );

  const handleOnChange = (editorState) => {
    setEditorState(editorState);
  };

  return (
    <div
      style={{
        border: '1px solid black',
        minHeight: '6em',
        cursor: 'text',
        marginTop: '10px',
      }}
    >
      {state && (
        <>
          <Editor
            editorState={editorState}
            onChange={handleOnChange}
            plugins={[staticToolbarPlugin]}
          />
          <Toolbar />
        </>
      )}
    </div>
  );
};

export default PostReview;

use Editor from draft-js plugins

import Editor from '@draft-js-plugins/editor';