Type breaks for curried create when using persist middleware since 4.4.5 #2163

emanuel-lundman · 2023-10-31T18:00:47Z

emanuel-lundman
Oct 31, 2023

Noticed upgrading to 4.4.5 breaks our zustand context with type errors when using persist middleware.

TimeLine is our state in this case:

 Argument of type 'StateCreator<TimeLine, [], [["zustand/persist", TimeLine]]>' is not assignable to parameter of type 'StateCreator<TimeLine, [], [never, unknown][]>'.
  Type 'StateCreator<TimeLine, [], [["zustand/persist", TimeLine]]>' is not assignable to type '{ $$storeMutators?: [never, unknown][] | undefined; }'.
    Types of property '$$storeMutators' are incompatible.
      Type '[["zustand/persist", TimeLine]] | undefined' is not assignable to type '[never, unknown][] | undefined'.

errors out on persist:

Answered by dbritto-dev

Nov 1, 2023

@dai-shi there's an error with types: "./index.d.ts" -> #2170

View full answer

dai-shi · 2023-11-01T01:27:28Z

dai-shi
Nov 1, 2023
Maintainer

That's unexpected.

Types of property '$$storeMutators' are incompatible.

Dual package hazard??

Can you reproduce it in https://www.typscriptlang.org/play ?

0 replies

rffl · 2023-11-01T02:55:46Z

rffl
Nov 1, 2023

Got the same issue.
Easiest way to reproduce:

Create a new file fish.ts
Paste the code from the docs


import { create } from 'zustand'
import { persist, createJSONStorage } from 'zustand/middleware'

const useFishStore = create(
  persist(
    (set, get) => ({
      fishes: 0,
      addAFish: () => set({ fishes: get().fishes + 1 }),
    }),
    {
      name: 'food-storage', // name of the item in the storage (must be unique)
      storage: createJSONStorage(() => sessionStorage), // (optional) by default, 'localStorage' is used
    }
  )
)

Got the error

No overload matches this call.
  Overload 1 of 3, '(initializer: StateCreator<never, [], [never, unknown][]>): UseBoundStore<StoreApi<never>>', gave the following error.
    Argument of type 'StateCreator<never, [], [["zustand/persist", unknown]]>' is not assignable to parameter of type 'StateCreator<never, [], [never, unknown][]>'.
      Type 'StateCreator<never, [], [["zustand/persist", unknown]]>' is not assignable to type '{ $$storeMutators?: [never, unknown][] | undefined; }'.
        Types of property '$$storeMutators' are incompatible.
          Type '[["zustand/persist", unknown]] | undefined' is not assignable to type '[never, unknown][] | undefined'.
            Type '[["zustand/persist", unknown]]' is not assignable to type '[never, unknown][]'.
              Type '["zustand/persist", unknown]' is not assignable to type '[never, unknown]'.
                Type at position 0 in source is not compatible with type at position 0 in target.
                  Type 'string' is not assignable to type 'never'.
  Overload 2 of 3, '(store: StoreApi<unknown>): UseBoundStore<StoreApi<unknown>>', gave the following error.
    Argument of type 'StateCreator<never, [], [["zustand/persist", unknown]]>' is not assignable to parameter of type 'StoreApi<unknown>'.