Merge pull request #4410 from udecode/perf/fallback-store

Author: zbeyens

.changeset/khaki-dancers-relax.md

@@ -0,0 +1,5 @@
+---
+'@platejs/core': patch
+---
+
+PERF: Do not call `createPlateStore` on every hook call for the purposes of the fallback store

packages/core/package.json

@@ -65,7 +65,7 @@
     "is-hotkey": "^0.2.0",
     "jotai": "~2.8.4",
     "jotai-optics": "0.4.0",
-    "jotai-x": "2.3.2",
+    "jotai-x": "2.3.3",
     "lodash": "^4.17.21",
     "nanoid": "^5.1.5",
     "optics-ts": "2.4.1",

packages/core/src/react/stores/plate/createPlateStore.ts

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 
 import { atom } from 'jotai';
 import { useAtomStoreSet, useAtomStoreState, useAtomStoreValue } from 'jotai-x';
@@ -94,6 +94,8 @@ const {
   usePlateValue: usePlateLocalValue,
 } = createPlateStore();
 
+const { usePlateStore: useFallbackPlateStore } = createPlateStore();
+
 export { plateStore, PlateStoreProvider, usePlateLocalStore };
 
 export const usePlateStore = (id?: string) => {
@@ -122,7 +124,7 @@ export const usePlateStore = (id?: string) => {
    * case, return a fallback store until an editor becomes active.
    */
   const plateControllerExists = usePlateControllerExists();
-  const fallbackStore = useMemo(createPlateStore, []).usePlateStore();
+  const fallbackStore = useFallbackPlateStore();
 
   if (!store) {
     if (plateControllerExists) {