@tiptap/react 2.11.9 → 2.13.0

package/dist/EditorContent.d.ts

@@ -17,5 +17,5 @@ export declare class PureEditorContent extends React.Component<EditorContentProp
     componentWillUnmount(): void;
     render(): React.JSX.Element;
 }
-export declare const EditorContent: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<EditorContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+export declare const EditorContent: React.NamedExoticComponent<Omit<EditorContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=EditorContent.d.ts.map

package/dist/EditorContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContent.d.ts","sourceRoot":"","sources":["../src/EditorContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,EAAE,EACZ,YAAY,EAAc,SAAS,EACpC,MAAM,OAAO,CAAA;AA0Cd,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AA8CD,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CACpD,kBAAkB,EAClB;IAAE,8BAA8B,EAAE,OAAO,CAAA;CAAE,CAC5C;IACC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;IAEtC,WAAW,EAAE,OAAO,CAAA;IAEpB,6BAA6B,CAAC,EAAE,MAAM,IAAI,CAAA;gBAE9B,KAAK,EAAE,kBAAkB;IAUrC,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI;IA4CJ,oBAAoB;IAkCpB,MAAM;CAWP;AAmBD,eAAO,MAAM,aAAa,mIAAmC,CAAA"}
+{"version":3,"file":"EditorContent.d.ts","sourceRoot":"","sources":["../src/EditorContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,EAAE,EACZ,YAAY,EAAc,SAAS,EACpC,MAAM,OAAO,CAAA;AA0Cd,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AA8CD,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CACpD,kBAAkB,EAClB;IAAE,8BAA8B,EAAE,OAAO,CAAA;CAAE,CAC5C;IACC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;IAEtC,WAAW,EAAE,OAAO,CAAA;IAEpB,6BAA6B,CAAC,EAAE,MAAM,IAAI,CAAA;gBAE9B,KAAK,EAAE,kBAAkB;IAUrC,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI;IA4CJ,oBAAoB;IAkCpB,MAAM;CAWP;AAmBD,eAAO,MAAM,aAAa,mGAAmC,CAAA"}

package/dist/ReactNodeViewRenderer.d.ts

@@ -1,8 +1,10 @@
-import { Editor, NodeView, NodeViewProps, NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core';
-import { Node, Node as ProseMirrorNode } from '@tiptap/pm/model';
-import { Decoration, DecorationSource } from '@tiptap/pm/view';
-import { ComponentType } from 'react';
+import type { Editor, NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core';
+import { NodeView } from '@tiptap/core';
+import type { Node, Node as ProseMirrorNode } from '@tiptap/pm/model';
+import type { Decoration, DecorationSource } from '@tiptap/pm/view';
+import type { ComponentType } from 'react';
 import { ReactRenderer } from './ReactRenderer.js';
+import type { ReactNodeViewProps } from './types.js';
 export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
     /**
      * This function is called when the node view is updated.
@@ -35,11 +37,11 @@ export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
         HTMLAttributes: Record<string, any>;
     }) => Record<string, string>);
 }
-export declare class ReactNodeView<Component extends ComponentType<NodeViewProps> = ComponentType<NodeViewProps>, NodeEditor extends Editor = Editor, Options extends ReactNodeViewRendererOptions = ReactNodeViewRendererOptions> extends NodeView<Component, NodeEditor, Options> {
+export declare class ReactNodeView<T = HTMLElement, Component extends ComponentType<ReactNodeViewProps<T>> = ComponentType<ReactNodeViewProps<T>>, NodeEditor extends Editor = Editor, Options extends ReactNodeViewRendererOptions = ReactNodeViewRendererOptions> extends NodeView<Component, NodeEditor, Options> {
     /**
      * The renderer instance.
      */
-    renderer: ReactRenderer<unknown, NodeViewProps>;
+    renderer: ReactRenderer<unknown, ReactNodeViewProps<T>>;
     /**
      * The element that holds the rich-text content of the node.
      */
@@ -92,5 +94,5 @@ export declare class ReactNodeView<Component extends ComponentType<NodeViewProps
 /**
  * Create a React node view renderer.
  */
-export declare function ReactNodeViewRenderer(component: ComponentType<NodeViewProps>, options?: Partial<ReactNodeViewRendererOptions>): NodeViewRenderer;
+export declare function ReactNodeViewRenderer<T = HTMLElement>(component: ComponentType<ReactNodeViewProps<T>>, options?: Partial<ReactNodeViewRendererOptions>): NodeViewRenderer;
 //# sourceMappingURL=ReactNodeViewRenderer.d.ts.map

package/dist/ReactNodeViewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNodeViewRenderer.d.ts","sourceRoot":"","sources":["../src/ReactNodeViewRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAmC,MAAM,iBAAiB,CAAA;AAC/F,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,MAAM,WAAW,4BAA6B,SAAQ,uBAAuB;IAC3E;;;OAGG;IACH,MAAM,EACF,CAAC,CAAC,KAAK,EAAE;QACP,OAAO,EAAE,eAAe,CAAC;QACzB,cAAc,EAAE,SAAS,UAAU,EAAE,CAAC;QACtC,mBAAmB,EAAE,gBAAgB,CAAC;QACtC,OAAO,EAAE,eAAe,CAAC;QACzB,cAAc,EAAE,SAAS,UAAU,EAAE,CAAC;QACtC,gBAAgB,EAAE,gBAAgB,CAAC;QACnC,WAAW,EAAE,MAAM,IAAI,CAAC;KACzB,KAAK,OAAO,CAAC,GACd,IAAI,CAAC;IACT;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EACF,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACtB,CAAC,CAAC,KAAK,EAAE;QACP,IAAI,EAAE,eAAe,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACrC,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACnC;AAED,qBAAa,aAAa,CACxB,SAAS,SAAS,aAAa,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,EAC7E,UAAU,SAAS,MAAM,GAAG,MAAM,EAClC,OAAO,SAAS,4BAA4B,GAAG,4BAA4B,CAC3E,SAAQ,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;IAChD;;OAEG;IACH,QAAQ,EAAG,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAEhD;;OAEG;IACH,iBAAiB,EAAG,WAAW,GAAG,IAAI,CAAA;IAEtC;;;OAGG;IACH,KAAK;IAkFL;;;OAGG;IACH,IAAI,GAAG,IAQ2B,WAAW,CAC5C;IAED;;;OAGG;IACH,IAAI,UAAU,uBAMb;IAED;;;OAGG;IACH,qBAAqB;IAuBrB;;;OAGG;IACH,MAAM,CACJ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,SAAS,UAAU,EAAE,EAClC,gBAAgB,EAAE,gBAAgB,GACjC,OAAO;IAiDV;;;OAGG;IACH,UAAU;IAOV;;;OAGG;IACH,YAAY;IAOZ;;OAEG;IACH,OAAO;IAMP;;;OAGG;IACH,uBAAuB;CAgBxB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,EACvC,OAAO,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,GAC9C,gBAAgB,CAWlB"}
+{"version":3,"file":"ReactNodeViewRenderer.d.ts","sourceRoot":"","sources":["../src/ReactNodeViewRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACU,MAAM,EAAE,gBAAgB,EAAE,uBAAuB,EACtE,MAAM,cAAc,CAAA;AACrB,OAAO,EAAyB,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAmC,MAAM,iBAAiB,CAAA;AACpG,OAAO,KAAK,EAAE,aAAa,EAAwB,MAAM,OAAO,CAAA;AAIhE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAIpD,MAAM,WAAW,4BAA6B,SAAQ,uBAAuB;IAC3E;;;OAGG;IACH,MAAM,EACF,CAAC,CAAC,KAAK,EAAE;QACP,OAAO,EAAE,eAAe,CAAC;QACzB,cAAc,EAAE,SAAS,UAAU,EAAE,CAAC;QACtC,mBAAmB,EAAE,gBAAgB,CAAC;QACtC,OAAO,EAAE,eAAe,CAAC;QACzB,cAAc,EAAE,SAAS,UAAU,EAAE,CAAC;QACtC,gBAAgB,EAAE,gBAAgB,CAAC;QACnC,WAAW,EAAE,MAAM,IAAI,CAAC;KACzB,KAAK,OAAO,CAAC,GACd,IAAI,CAAC;IACT;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EACF,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACtB,CAAC,CAAC,KAAK,EAAE;QACP,IAAI,EAAE,eAAe,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACrC,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACnC;AAED,qBAAa,aAAa,CACxB,CAAC,GAAG,WAAW,EACf,SAAS,SAAS,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAC7F,UAAU,SAAS,MAAM,GAAG,MAAM,EAClC,OAAO,SAAS,4BAA4B,GAAG,4BAA4B,CAC3E,SAAQ,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;IAChD;;OAEG;IACH,QAAQ,EAAG,aAAa,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;IAExD;;OAEG;IACH,iBAAiB,EAAG,WAAW,GAAG,IAAI,CAAA;IAEtC;;;OAGG;IACH,KAAK;IAiFL;;;OAGG;IACH,IAAI,GAAG,IAQ2B,WAAW,CAC5C;IAED;;;OAGG;IACH,IAAI,UAAU,uBAMb;IAED;;;OAGG;IACH,qBAAqB;IAuBrB;;;OAGG;IACH,MAAM,CACJ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,SAAS,UAAU,EAAE,EAClC,gBAAgB,EAAE,gBAAgB,GACjC,OAAO;IAiDV;;;OAGG;IACH,UAAU;IAOV;;;OAGG;IACH,YAAY;IAOZ;;OAEG;IACH,OAAO;IAMP;;;OAGG;IACH,uBAAuB;CAgBxB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,GAAG,WAAW,EACnD,SAAS,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAC/C,OAAO,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,GAC9C,gBAAgB,CAWlB"}

package/dist/ReactRenderer.d.ts

@@ -1,5 +1,5 @@
-import { Editor } from '@tiptap/core';
-import React from 'react';
+import type { Editor } from '@tiptap/core';
+import type { ComponentClass, ForwardRefExoticComponent, FunctionComponent, PropsWithoutRef, ReactNode, RefAttributes } from 'react';
 export interface ReactRendererOptions {
     /**
      * The editor instance.
@@ -26,7 +26,7 @@ export interface ReactRendererOptions {
      */
     className?: string;
 }
-type ComponentType<R, P> = React.ComponentClass<P> | React.FunctionComponent<P> | React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;
+type ComponentType<R, P> = ComponentClass<P> | FunctionComponent<P> | ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<R>>;
 /**
  * The ReactRenderer class. It's responsible for rendering React components inside the editor.
  * @example
@@ -44,7 +44,7 @@ export declare class ReactRenderer<R = unknown, P extends Record<string, any> =
     component: any;
     element: Element;
     props: P;
-    reactElement: React.ReactNode;
+    reactElement: ReactNode;
     ref: R | null;
     /**
      * Immediately creates element and renders the provided React component.

package/dist/ReactRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactRenderer.d.ts","sourceRoot":"","sources":["../src/ReactRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,MAAM,OAAO,CAAA;AA8BzB,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE5B;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,aAAa,CAAC,CAAC,EAAE,CAAC,IACrB,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAC1B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAErF;;;;;;;;;;EAUE;AACF,qBAAa,aAAa,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM;IAC5E,EAAE,EAAE,MAAM,CAAA;IAEV,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,GAAG,CAAA;IAEd,OAAO,EAAE,OAAO,CAAA;IAEhB,KAAK,EAAE,CAAC,CAAA;IAER,YAAY,EAAE,KAAK,CAAC,SAAS,CAAA;IAE7B,GAAG,EAAE,CAAC,GAAG,IAAI,CAAO;IAEpB;;OAEG;gBACS,SAAS,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAC1C,MAAM,EACN,KAAU,EACV,EAAU,EACV,SAAc,GACf,EAAE,oBAAoB;IAuBvB;;OAEG;IACH,MAAM,IAAI,IAAI;IAiBd;;OAEG;IACH,WAAW,CAAC,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GAAG,IAAI;IASlD;;OAEG;IACH,OAAO,IAAI,IAAI;IAMf;;OAEG;IACH,gBAAgB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;CAK3D"}
+{"version":3,"file":"ReactRenderer.d.ts","sourceRoot":"","sources":["../src/ReactRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,aAAa,EACd,MAAM,OAAO,CAAA;AAoDd,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE5B;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,aAAa,CAAC,CAAC,EAAE,CAAC,IACnB,cAAc,CAAC,CAAC,CAAC,GACjB,iBAAiB,CAAC,CAAC,CAAC,GACpB,yBAAyB,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;AAEpE;;;;;;;;;;EAUE;AACF,qBAAa,aAAa,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM;IAC5E,EAAE,EAAE,MAAM,CAAA;IAEV,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,GAAG,CAAA;IAEd,OAAO,EAAE,OAAO,CAAA;IAEhB,KAAK,EAAE,CAAC,CAAA;IAER,YAAY,EAAE,SAAS,CAAA;IAEvB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAO;IAEpB;;OAEG;gBACS,SAAS,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAC1C,MAAM,EACN,KAAU,EACV,EAAU,EACV,SAAc,GACf,EAAE,oBAAoB;IAuBvB;;OAEG;IACH,MAAM,IAAI,IAAI;IAmCd;;OAEG;IACH,WAAW,CAAC,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GAAG,IAAI;IASlD;;OAEG;IACH,OAAO,IAAI,IAAI;IAMf;;OAEG;IACH,gBAAgB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;CAK3D"}

package/dist/index.cjs

@@ -1218,6 +1218,26 @@ function isForwardRefComponent(Component) {
     return !!(typeof Component === 'object'
         && ((_a = Component.$$typeof) === null || _a === void 0 ? void 0 : _a.toString()) === 'Symbol(react.forward_ref)');
 }
+/**
+ * Check if we're running React 19+ by detecting if function components support ref props
+ * @returns {boolean}
+ */
+function isReact19Plus() {
+    // React 19 is detected by checking React version if available
+    // In practice, we'll use a more conservative approach and assume React 18 behavior
+    // unless we can definitively detect React 19
+    try {
+        // @ts-ignore
+        if (React.version) {
+            const majorVersion = parseInt(React.version.split('.')[0], 10);
+            return majorVersion >= 19;
+        }
+    }
+    catch {
+        // Fallback to React 18 behavior if we can't determine version
+    }
+    return false;
+}
 /**
  * The ReactRenderer class. It's responsible for rendering React components inside the editor.
  * @example
@@ -1263,13 +1283,30 @@ class ReactRenderer {
         const Component = this.component;
         const props = this.props;
         const editor = this.editor;
-        if (isClassComponent(Component) || isForwardRefComponent(Component)) {
-            // @ts-ignore This is a hack to make the ref work
-            props.ref = (ref) => {
-                this.ref = ref;
-            };
+        // Handle ref forwarding with React 18/19 compatibility
+        const isReact19 = isReact19Plus();
+        const isClassComp = isClassComponent(Component);
+        const isForwardRefComp = isForwardRefComponent(Component);
+        const elementProps = { ...props };
+        if (!elementProps.ref) {
+            if (isReact19) {
+                // React 19: ref is a standard prop for all components
+                // @ts-ignore - Setting ref prop for React 19 compatibility
+                elementProps.ref = (ref) => {
+                    this.ref = ref;
+                };
+            }
+            else if (isClassComp || isForwardRefComp) {
+                // React 18 and prior: only set ref for class components and forwardRef components
+                // @ts-ignore - Setting ref prop for React 18 class/forwardRef components
+                elementProps.ref = (ref) => {
+                    this.ref = ref;
+                };
+            }
+            // For function components in React 18, we can't use ref - the component won't receive it
+            // This is a limitation we have to accept for React 18 function components without forwardRef
         }
-        this.reactElement = React__default.default.createElement(Component, { ...props });
+        this.reactElement = React__default.default.createElement(Component, { ...elementProps });
         (_a = editor === null || editor === void 0 ? void 0 : editor.contentComponent) === null || _a === void 0 ? void 0 : _a.setRenderer(this.id, this);
     }
     /**
@@ -1318,6 +1355,7 @@ class ReactNodeView extends core.NodeView {
             getPos: () => this.getPos(),
             updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
             deleteNode: () => this.deleteNode(),
+            ref: React.createRef(),
         };
         if (!this.component.displayName) {
             const capitalizeFirstChar = (string) => {
@@ -1335,8 +1373,8 @@ class ReactNodeView extends core.NodeView {
         const Component = this.component;
         // For performance reasons, we memoize the provider component
         // And all of the things it requires are declared outside of the component, so it doesn't need to re-render
-        const ReactNodeViewProvider = React__default.default.memo(componentProps => {
-            return (React__default.default.createElement(ReactNodeViewContext.Provider, { value: context }, React__default.default.createElement(Component, componentProps)));
+        const ReactNodeViewProvider = React.memo(componentProps => {
+            return (React__default.default.createElement(ReactNodeViewContext.Provider, { value: context }, React.createElement(Component, componentProps)));
         });
         ReactNodeViewProvider.displayName = 'ReactNodeView';
         if (this.node.isLeaf) {