so my content is like this:

[{…}]
   0:
      blocks: Array(1)
         0:
            depth: 0
            entityRanges: []
            inlineStyleRanges: []
            key: "6ep3i"
            text: "Hello"
            type: "unstyled"
            [[Prototype]]: Object
           length: 1
         [[Prototype]]: Array(0)
      [[Prototype]]: Object
      length: 1
  [[Prototype]]: Array(0)

and my code is like this:

useEffect(() => {
    setEditorState(EditorState.createWithContent(convertFromRaw(content)));
  }, []);

so the the editor does not not get filled with content but it gives an error Invariant Violation: invalid RawDraftContentState and I want it to get filled with content when it is first rendered also I am using convertFromRaw, convertToRaw from draft js