Getting Error: Cannot read properties of undefined (reading 'createFromBlockArray')

[MichaHumbel]

I'm trying to create an Editor with predefined conente thats HTML.

These are my imports:

import { ContentState, Editor } from 'react-draft-wysiwyg';
import htmlToDraft from 'html-to-draftjs';
import { useEffect, useState } from 'react';
import { EditorState } from 'draft-js';

Versions: "react-draft-wysiwyg": "^1.15.0", "html-to-draftjs": "^1.5.0", "react": "18.2.0, "draft-js": "^0.11.7",

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

useEffect(() => {
  const text = '<p>Hello World</p>';
  const { contentBlocks } = htmlToDraft(text);
  const contentState = ContentState.createFromBlockArray(contentBlocks);
  const newState = EditorState.createWithContent(contentState);
  setEditorState(newState);
}, []);

This is my Editor:

<Editor
  editorState={editorState}
  toolbar={{
    options: ['inline', 'list', 'link'],
    inline: {
    options: ['bold', 'italic', 'underline'],
    },
    list: {
    options: ['unordered', 'ordered'],
    },
    }}
    onEditorStateChange={(newState) => {
    setEditorState(newState);
   console.log(newState)
  }}
/>

Then when I open the editor i get the following error: Cannot read properties of undefined (reading 'createFromBlockArray')

What am I doing wrong?