Merge pull request #4084 from regmsif/fix/use-editor-plugin-rerender

fix: return value of useEditorPlugin changes when rerender
udecode · Feb 18, 2025 · c36ff01 · c36ff01
2 parents 6b838e0 + 6b8e2f8
commit c36ff01
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/.changeset/lemon-keys-eat.md b/.changeset/lemon-keys-eat.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-core': patch
+---
+
+fix: return value of useEditorPlugin changes when rerender
diff --git a/packages/core/src/react/stores/plate/useEditorPlugin.ts b/packages/core/src/react/stores/plate/useEditorPlugin.ts
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import type { AnyPluginConfig, WithRequiredKey } from '../../../lib';
 import type { PlateEditor } from '../../editor';
 
@@ -21,8 +23,12 @@ export function useEditorPlugin<
 } {
   const editor = useEditorRef(id);
 
-  return {
-    ...getEditorPlugin(editor, p),
-    store: editor.store,
-  } as any;
+  return React.useMemo(
+    () =>
+      ({
+        ...getEditorPlugin(editor, p),
+        store: editor.store,
+      }) as any,
+    [editor, p]
+  );
 }