.github/workflows/test-multiple-versions.yml

@@ -33,8 +33,8 @@ jobs:
           - 18.0.0
           - 18.1.0
           - 18.2.0
-          - 18.3.0-canary-0c6348758-20231030
-          - 0.0.0-experimental-0c6348758-20231030
+          - 18.3.0-canary-6c7b41da3-20231123
+          - 0.0.0-experimental-6c7b41da3-20231123
         devtools-skip:
           - CI-MATRIX-NOSKIP
         include:

.github/workflows/test-old-typescript.yml

@@ -13,6 +13,8 @@ jobs:
       fail-fast: false
       matrix:
         typescript:
+          - 5.3.2
+          - 5.2.2
           - 5.1.6
           - 5.0.4
           - 4.9.5

docs/getting-started/comparison.md

@@ -326,7 +326,7 @@ type State = {
 
 type Actions = {
   updateCount: (
-    countCallback: (count: State['count']) => State['count']
+    countCallback: (count: State['count']) => State['count'],
   ) => void
 }
 
@@ -362,7 +362,7 @@ type State = {
 
 type Actions = {
   updateCount: (
-    countCallback: (count: State['count']) => State['count']
+    countCallback: (count: State['count']) => State['count'],
   ) => void
 }
 

docs/getting-started/introduction.md

@@ -33,9 +33,7 @@ Zustand is available as a package on NPM for use:
 ```bash
 # NPM
 npm install zustand
-
-# Yarn
-yarn add zustand
+# Or, use any package manager of your choice.
 ```
 
 ## First create a store

docs/guides/auto-generating-selectors.md

@@ -21,7 +21,7 @@ type WithSelectors<S> = S extends { getState: () => infer T }
   : never
 
 const createSelectors = <S extends UseBoundStore<StoreApi<object>>>(
-  _store: S
+  _store: S,
 ) => {
   let store = _store as WithSelectors<typeof _store>
   store.use = {}

docs/guides/connect-to-state-with-url-hash.md

@@ -38,8 +38,8 @@ export const useBoundStore = create(
     {
       name: 'food-storage', // unique name
       storage: createJSONStorage(() => hashStorage),
-    }
-  )
+    },
+  ),
 )
 ```
 

docs/guides/initialize-state-with-props.md

@@ -135,7 +135,7 @@ import { useStoreWithEqualityFn } from 'zustand/traditional'
 
 function useBearContext<T>(
   selector: (state: BearState) => T,
-  equalityFn?: (left: T, right: T) => boolean
+  equalityFn?: (left: T, right: T) => boolean,
 ): T {
   const store = useContext(BearContext)
   if (!store) throw new Error('Missing BearContext.Provider in the tree')

docs/guides/slices-pattern.md

@@ -108,8 +108,8 @@ export const useBoundStore = create(
       ...createBearSlice(...a),
       ...createFishSlice(...a),
     }),
-    { name: 'bound-store' }
-  )
+    { name: 'bound-store' },
+  ),
 )
 ```
 

docs/guides/testing.md

@@ -249,7 +249,7 @@ export default mergeConfig(
       environment: 'jsdom',
       setupFiles: ['./setup-vitest.ts'],
     },
-  })
+  }),
 )
 ```
 
@@ -302,7 +302,7 @@ export const createCounterStore = () => {
 }
 
 export const CounterStoreContext = createContext<StoreApi<CounterStore>>(
-  null as never
+  null as never,
 )
 
 export type CounterStoreProviderProps = PropsWithChildren
@@ -322,13 +322,13 @@ export const CounterStoreProvider = ({
 export type UseCounterStoreContextSelector<T> = (store: CounterStore) => T
 
 export const useCounterStoreContext = <T,>(
-  selector: UseCounterStoreContextSelector<T>
+  selector: UseCounterStoreContextSelector<T>,
 ): T => {
   const counterStoreContext = useContext(CounterStoreContext)
 
   if (counterStoreContext === undefined) {
     throw new Error(
-      'useCounterStoreContext must be used within CounterStoreProvider'
+      'useCounterStoreContext must be used within CounterStoreProvider',
     )
   }
 
@@ -371,7 +371,7 @@ describe('Counter', () => {
 
     expect(await screen.findByText(/^1$/)).toBeInTheDocument()
     expect(
-      await screen.findByRole('button', { name: /one up/i })
+      await screen.findByRole('button', { name: /one up/i }),
     ).toBeInTheDocument()
   })
 
@@ -441,7 +441,7 @@ describe('CounterWithContext', () => {
 
     expect(await screen.findByText(/^1$/)).toBeInTheDocument()
     expect(
-      await screen.findByRole('button', { name: /one up/i })
+      await screen.findByRole('button', { name: /one up/i }),
     ).toBeInTheDocument()
   })
 

docs/guides/typescript.md

@@ -99,7 +99,7 @@ Imagine you have a scenario like this:
 
 ```ts
 declare const withError: <T, E>(
-  p: Promise<T>
+  p: Promise<T>,
 ) => Promise<[error: undefined, value: T] | [error: E, value: undefined]>
 declare const doSomething: () => Promise<string>
 
@@ -113,10 +113,10 @@ Here, `T` is inferred to be a `string` and `E` is inferred to be `unknown`. You
 ```ts
 declare const withError: {
   <E>(): <T>(
-    p: Promise<T>
+    p: Promise<T>,
   ) => Promise<[error: undefined, value: T] | [error: E, value: undefined]>
   <T, E>(
-    p: Promise<T>
+    p: Promise<T>,
   ): Promise<[error: undefined, value: T] | [error: E, value: undefined]>
 }
 declare const doSomething: () => Promise<string>
@@ -142,7 +142,7 @@ import { combine } from 'zustand/middleware'
 const useBearStore = create(
   combine({ bears: 0 }, (set) => ({
     increase: (by: number) => set((state) => ({ bears: state.bears + by })),
-  }))
+  })),
 )
 ```
 
@@ -181,9 +181,9 @@ const useBearStore = create<BearState>()(
         bears: 0,
         increase: (by) => set((state) => ({ bears: state.bears + by })),
       }),
-      { name: 'bearStore' }
-    )
-  )
+      { name: 'bearStore' },
+    ),
+  ),
 )
 ```
 
@@ -204,7 +204,7 @@ const useBearStore = create<BearState>()(
   myMiddlewares((set) => ({
     bears: 0,
     increase: (by) => set((state) => ({ bears: state.bears + by })),
-  }))
+  })),
 )
 ```
 
@@ -245,12 +245,12 @@ type Logger = <
   Mcs extends [StoreMutatorIdentifier, unknown][] = [],
 >(
   f: StateCreator<T, Mps, Mcs>,
-  name?: string
+  name?: string,
 ) => StateCreator<T, Mps, Mcs>
 
 type LoggerImpl = <T extends State>(
   f: StateCreator<T, [], []>,
-  name?: string
+  name?: string,
 ) => StateCreator<T, [], []>
 
 const loggerImpl: LoggerImpl = (f, name) => (set, get, store) => {
@@ -274,8 +274,8 @@ const useBearStore = create<BearState>()(
       bears: 0,
       increase: (by) => set((state) => ({ bears: state.bears + by })),
     }),
-    'bear-store'
-  )
+    'bear-store',
+  ),
 )
 ```
 
@@ -298,7 +298,7 @@ type Foo = <
   Mcs extends [StoreMutatorIdentifier, unknown][] = [],
 >(
   f: StateCreator<T, [...Mps, ['foo', A]], Mcs>,
-  bar: A
+  bar: A,
 ) => StateCreator<T, Mps, [['foo', A], ...Mcs]>
 
 declare module 'zustand' {
@@ -309,7 +309,7 @@ declare module 'zustand' {
 
 type FooImpl = <T extends State, A>(
   f: StateCreator<T, [], []>,
-  bar: A
+  bar: A,
 ) => StateCreator<T, [], []>
 
 const fooImpl: FooImpl = (f, bar) => (set, get, _store) => {
@@ -445,11 +445,11 @@ const bearStore = createStore<BearState>()((set) => ({
 function useBearStore(): BearState
 function useBearStore<T>(
   selector: (state: BearState) => T,
-  equals?: (a: T, b: T) => boolean
+  equals?: (a: T, b: T) => boolean,
 ): T
 function useBearStore<T>(
   selector?: (state: BearState) => T,
-  equals?: (a: T, b: T) => boolean
+  equals?: (a: T, b: T) => boolean,
 ) {
   return useStore(bearStore, selector!, equals)
 }
@@ -473,12 +473,12 @@ const bearStore = createStore<BearState>()((set) => ({
 
 const createBoundedUseStore = ((store) => (selector, equals) =>
   useStore(store, selector as never, equals)) as <S extends StoreApi<unknown>>(
-  store: S
+  store: S,
 ) => {
   (): ExtractState<S>
   <T>(
     selector: (state: ExtractState<S>) => T,
-    equals?: (a: T, b: T) => boolean
+    equals?: (a: T, b: T) => boolean,
   ): T
 }
 

docs/integrations/immer-middleware.md

@@ -47,7 +47,7 @@ export const useCountStore = create<State & Actions>()(
       set((state) => {
         state.count -= qty
       }),
-  }))
+  })),
 )
 ```
 
@@ -99,7 +99,7 @@ export const useTodoStore = create<State & Actions>()(
       set((state) => {
         state.todos[todoId].done = !state.todos[todoId].done
       }),
-  }))
+  })),
 )
 ```