Unexpected 'Editor cannot be used as a JSX component'

Environment

    "@draft-js-plugins/editor": "^4.1.3",
    "@draft-js-plugins/static-toolbar": "^4.1.3",
    "draft-js": "^0.11.7",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "@types/draft-js": "^0.11.4",
    "@types/react": "^17.0.33",
    "@types/react-dom": "^17.0.9",

Description

I am trying to just set up a basic editor with static toolbar. However, whenever I try to import the Editor from the package I receive the following error:

JSX element class does not support attributes because it does not have a 'props' property.

'Editor' cannot be used as a JSX component.
  Its instance type 'PluginEditor' is not a valid JSX element.
    Type 'PluginEditor' is missing the following properties from type 'ElementClass': context, setState, forceUpdate, props, refs

Basically, it seems to not be recognizing the Editor at all. I haven’t seen any other related issues similar to this or found a great solution. The other plugins seem to work fine.

I have tried to following below by casting/type coercion, which seems to work for the most part. However then when I try to use plugins like anchor I am getting Invalid Hook Call errors.

import { default as _Editor } from '@draft-js-plugins/editor';
import { PluginEditorProps } from '@draft-js-plugins/editor';

const Editor = (_Editor as unknown) as React.FC<PluginEditorProps>;

<Editor editorState ... />

[kdshah6593]

Update: I tried to use the resolutions solution, but it did not seem to work for me; Of note, the Editor from draft-js directly does not produce the same error.

Temporary Solution is brute force type casting

import { default as _Editor } from '@draft-js-plugins/editor';
import { PluginEditorProps } from '@draft-js-plugins/editor';

const Editor = (_Editor as unknown) as React.FC<React.PropsWithChildren<PluginEditorProps>>;

However, I am running into issues with the Anchor Plugin, and not sure yet if that is a separate issue or related to this one.

[jonahcarneskog]

const Editor = dynamic<EditorProps>(
  () =>
    import("react-draft-wysiwyg").then(
      (mod) =>
        mod.Editor as unknown as React.FC<
          PropsWithChildren<{
            editorState: any;
            wrapperClassName: string;
            editorClassName: string;
            editorStateChange: any;
          }>
        >
    ),
  { ssr: false }
);