import {  createEditorConfig,  defaultExtensionNodes,  defaultTheme,  EditorContent,  EditorRoot,} from "@typix-editor/react";import { DragDropPasteExtension } from "@typix-editor/extension-drag-drop-paste";import { Toolbar } from "./Toolbar";const config = createEditorConfig({  extensionNodes: defaultExtensionNodes,  theme: defaultTheme,});export default function DragDropPasteExample() {  return (    <EditorRoot config={config}>      <div className="editor-container">        <Toolbar />        <EditorContent placeholder="Try dragging or pasting an image here..." />      </div>      <DragDropPasteExtension        acceptedTypes={["image/png", "image/jpeg"]}        maxFileSize={5 * 1024 * 1024}        onFilesAdded={async (files) => {          const urls = await uploadFiles(files);          return urls.map((src) => ({ src }));        }}        onValidationError={(file, reason) => {          console.warn(reason);        }}      />    </EditorRoot>  );}