Fix: renderAboveSlate/Editable calls component as function

udecode · Dec 5, 2023 · c698bb5 · c698bb5
1 parent d172a5e
commit c698bb5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/packages/core/src/components/PlateContent.tsx b/packages/core/src/components/PlateContent.tsx
@@ -84,12 +84,12 @@ const PlateContent = React.forwardRef(
     );
 
     editor.plugins.forEach((plugin) => {
-      const { renderAboveEditable } = plugin;
+      const { renderAboveEditable: RenderAboveEditable } = plugin;
 
-      if (renderAboveEditable)
-        aboveEditable = renderAboveEditable({
-          children: aboveEditable,
-        }) as any;
+      if (RenderAboveEditable)
+        aboveEditable = (
+          <RenderAboveEditable>{aboveEditable}</RenderAboveEditable>
+        );
     });
 
     return <PlateSlate id={id}>{aboveEditable}</PlateSlate>;

diff --git a/packages/core/src/components/PlateSlate.tsx b/packages/core/src/components/PlateSlate.tsx
@@ -26,12 +26,10 @@ export function PlateSlate({
   );
 
   editor.plugins?.forEach((plugin) => {
-    const { renderAboveSlate } = plugin;
+    const { renderAboveSlate: RenderAboveSlate } = plugin;
 
-    if (renderAboveSlate)
-      aboveSlate = renderAboveSlate({
-        children: aboveSlate,
-      }) as any;
+    if (RenderAboveSlate)
+      aboveSlate = <RenderAboveSlate>{aboveSlate}</RenderAboveSlate>;
   });
 
   return aboveSlate;