File tree Expand file tree Collapse file tree 1 file changed +26
-1
lines changed Expand file tree Collapse file tree 1 file changed +26
-1
lines changed Original file line number Diff line number Diff line change @@ -21,7 +21,32 @@ for more details.
21
21
import { create } from ' zustand'
22
22
import { persist , createJSONStorage } from ' zustand/middleware'
23
23
24
- export const useBearStore = create (
24
+ export const useBearStore = create ()(
25
+ persist (
26
+ (set , get ) => ({
27
+ bears: 0 ,
28
+ addABear : () => set ({ bears: get ().bears + 1 }),
29
+ }),
30
+ {
31
+ name: ' food-storage' , // name of the item in the storage (must be unique)
32
+ storage: createJSONStorage (() => sessionStorage ), // (optional) by default, 'localStorage' is used
33
+ },
34
+ ),
35
+ )
36
+ ```
37
+
38
+ ## Typescript simple example
39
+
40
+ ``` ts
41
+ import { create } from ' zustand'
42
+ import { persist , createJSONStorage } from ' zustand/middleware'
43
+
44
+ type BearStore = {
45
+ bears: number
46
+ addBear: () => void
47
+ }
48
+
49
+ export const useBearStore = create <BearStore >()(
25
50
persist (
26
51
(set , get ) => ({
27
52
bears: 0 ,
You can’t perform that action at this time.
0 commit comments