titap FileHandler (Error: RangeError: Unknown node type: image)

[ryuhangyeong]

I would like to upload an image using FileHandler.

If you drag and drop an image file, an error similar to the one in the picture will occur.

Is there anyone who can help me?

const editor = useEditor({
  immediatelyRender: false,
  extensions: [
    StarterKit.configure({ codeBlock: false }),
    Underline,
    Link,
    Superscript,
    SubScript,
    Highlight,
    TextAlign.configure({ types: ["heading", "paragraph"] }),
    TextStyleExtended,
    CodeBlockLowLight.configure({ lowlight }),
    Table,
    TableRow,
    TableHeader,
    TableCell,
    Placeholder.configure({ placeholder: "" }),
    FileHandler.configure({
      allowedMimeTypes: [
        "image/png",
        "image/jpeg",
        "image/gif",
        "image/webp",
      ],
      onDrop: (currentEditor, files, pos) => {
        files.forEach((file) => {
          const fileReader = new FileReader();

          fileReader.readAsDataURL(file);
          fileReader.onload = () => {
            currentEditor
              .chain()
              .insertContentAt(pos, { // @error
                type: "image",
                attrs: {
                  src: fileReader.result,
                },
              })
              .focus()
              .run();
          };
        });
      },
      onPaste: (currentEditor, files, htmlContent) => {
        files.forEach((file) => {
          if (htmlContent) {
            return false;
          }

          const fileReader = new FileReader();

          fileReader.readAsDataURL(file);
          fileReader.onload = () => {
            currentEditor
              .chain()
              .insertContentAt(currentEditor.state.selection.anchor, {
                type: "image",
                attrs: {
                  src: fileReader.result,
                },
              })
              .focus()
              .run();
          };
        });
      },
    }),
  ],
  content: "",
  onCreate() {
    handleSuccessStatus?.();
  },
});

[nperez0111]

You don't have the image extension installed