Update Transient in recipes to match Readme (#1764)

* Update Transient in recipes to match Readme https://github.com/pmndrs/zustand#transient-updates-for-often-occurring-state-changes * Update docs/recipes/recipes.mdx Co-authored-by: Daishi Kato <[email protected]> * update to useScratchStore --------- Co-authored-by: Daishi Kato <[email protected]>
pmndrs · Apr 24, 2023 · 513b222 · 513b222
1 parent da45038
commit 513b222
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/docs/recipes/recipes.mdx b/docs/recipes/recipes.mdx
@@ -201,15 +201,14 @@ This can make a [drastic](https://codesandbox.io/s/peaceful-johnson-txtws)
 performance impact, when you are allowed to mutate the view directly.
 
 ```jsx
-const useStore = create(set => ({ scratches: 0, ... }))
+const useScratchStore = create(set => ({ scratches: 0, ... }))
 
 function Component() {
   // Fetch initial state
-  const scratchRef = useRef(useStore.getState().scratches)
+  const scratchRef = useRef(useScratchStore.getState().scratches)
   // Connect to the store on mount, disconnect on unmount, catch state-changes in a reference
-  useEffect(() => useStore.subscribe(
-    scratches => (scratchRef.current = scratches),
-    state => state.scratches
+  useEffect(() => useScratchStore.subscribe(
+    (state) => (scratchRef.current = state.scratches)
   ), [])
   // ...
 }