immer middleware produces TS4023

[simonkovtyk]

Bug Description

Hi,

I'm currently working on a lib with zustand and immer. If I use the immer middleware as stated in the docs, TypeScript Compiler is throwing error TS4023 while producing declaration files.

Exported variable 'useGuthrieTemplateStore' has or is using name 'WritableNonArrayDraft' from external module "/home/simonkov/projects/ogs/github/guthrie/node_modules/.pnpm/immer@11.1.4/node_modules/immer/dist/immer" but cannot be named.

immer keeps WritableNonArrayDraft as non-exported internal type, while zustand infers this type. As zustand might be used to develop ts-interop libs with declaration files, it would be nice to a have a available type instead.

In addition, a workaround or something like "known limitations" for zustand middleware usage with certain compiler options in the documentation would be great.

Reproduction Link

https://github.com/OGS-GmbH/guthrie/blob/fix/immer-middleware/src/stores/templates.ts

[simonkovtyk]

PS: Handling issues as discussion is also a bit confusing

[Gilthayllor]

Hello, I have the same problem:

Argument of type 'StateCreator<UserState, [], [["zustand/immer", never]], { name: string; age: number; setName: (name: string) => void; setAge: (age: number) => void; }>' is not assignable to parameter of type 'StateCreator<UserState, [], [never, unknown][]>'.

I created an app in stackblitz, but I didn't receive any error when creating the store. However, when inspecting Immer.d.mts, a typing error appears. This error is only visible on stackblitz; it didn't happen locally.

Here is the link to the app https://stackblitz.com/edit/vitejs-vite-ayawrfco?file=src%2FApp.tsx

[dbritto-dev]

@simonkovtyk @Gilthayllor tsplayground doesn't complain about that, so feels like is something on your side. Which version of typescript are you using?

https://www.typescriptlang.org/play/?target=10&ts=5.2.2#code/JYWwDg9gTgLgBDAnmApnA3nAyjAhjFAYShX2gBpsZoUBZAVz2qgEkATFAOxmADNgUUOAF84vKBBBwA5AC96AZzyc2AegBuuTsAA2O3NIDcAKCSo4LECEFwAvHAA8AFUq0wCuCgAeBFR4DaODQMTNDsXDz8gpT0nADWnBAA7pwAuv6pdnAZrgDGHt6+bAFBJCFkrBzcfAJQMfGJKemZ9jlwAKpZTgB8ABTA2jy4OsCyggBcVPhEJBXOlP4AdMtuCgtyispqoNZQ0pScKOqCqal5ax3dAJR23VMExKTM83CrC-4bSlrbVoL7cIdjlAznBlotaPkQe1uoYgA

[Gilthayllor]

Hi again! I believe it was the TypeScript version which was causing the errors. Now I can use Immer without any issues. Thanks!