fixed error in persist example and added typescript (#2978)

* fixed error in persist example and added typescript * chore: formatted code --------- Co-authored-by: sidahmedabdelillah <[email protected]>
pmndrs · Jan 28, 2025 · bc3e94e · bc3e94e
1 parent 5a886cb
commit bc3e94e
Showing 1 changed file with 26 additions and 1 deletion.
diff --git a/docs/integrations/persisting-store-data.md b/docs/integrations/persisting-store-data.md
@@ -21,7 +21,32 @@ for more details.
 import { create } from 'zustand'
 import { persist, createJSONStorage } from 'zustand/middleware'
 
-export const useBearStore = create(
+export const useBearStore = create()(
+  persist(
+    (set, get) => ({
+      bears: 0,
+      addABear: () => set({ bears: get().bears + 1 }),
+    }),
+    {
+      name: 'food-storage', // name of the item in the storage (must be unique)
+      storage: createJSONStorage(() => sessionStorage), // (optional) by default, 'localStorage' is used
+    },
+  ),
+)
+```
+
+## Typescript simple example
+
+```ts
+import { create } from 'zustand'
+import { persist, createJSONStorage } from 'zustand/middleware'
+
+type BearStore = {
+  bears: number
+  addBear: () => void
+}
+
+export const useBearStore = create<BearStore>()(
   persist(
     (set, get) => ({
       bears: 0,