Immer Middelware Typescript error: Exported variable 'useMyStore' has or is using name 'WritableDraft' from external module "../node_modules/immer/dist/immer" but cannot be named.

[rohitspujari]

When I add an array property of a custom type like Cites: City[], the build fails with the error above. But if I use City: any[], or a singular property like string or even a singular custom type city: City, it works fine.

Here is how I configured my store

export const useMyStore = create<MyStore>()( immer((set, get) => ({ ... }))
I'm using Vite for the build.

[dbritto-dev]

@rohitspujari would you mind sharing us a minimal repro on stackblitz?

[jessekrubin]

@dbritto-dev (and @rohitspujari ?) here is a repro... I get the same issue... https://github.com/jessekrubin/zustand-middleware-immer-writeable-draft-tsc

[jessekrubin]

pnpm install && ./node_modules/.bin/tsc

[dbritto-dev]

Thanks I'll look into that

[dai-shi]

With the latest versions, I don't get errors.
https://stackblitz.com/github/jessekrubin/zustand-middleware-immer-writeable-draft-tsc?file=package.json,src%2Flib.ts

[dai-shi]

Wait, I might misunderstood something.

[jessekrubin]

(@dai-shi while youre here in this thread, GREATE WORK ON THIS AND EVERYTHING YOU HAVE MADE! I use zustand and jotai extensively!)

[walkjoy]

same problem here.

And I find the reproduction steps:

1. Define a state variable in the store.
2. Assign a nested type definition to the state variable.
3. Observe the error message mentioned above.

[walkjoy]

"immer": "10.0.3",
"zustand": "4.5.1"

[dai-shi]

Can you try the latest versions?

    "immer": "^10.1.1",
    "react": "^18.3.1",
    "zustand": "^4.5.2"

[dai-shi]

Wait, I might misunderstood something.

Can you create a reproduction with stackblitz?

[walkjoy]

I'm not familiar with stackblitz, hope this will help: https://stackblitz.com/edit/vitejs-vite-uuqfzh?file=src%2Fstore.ts

[dai-shi]

Thanks. Here's a modified version: https://stackblitz.com/edit/vitejs-vite-xbxksa?file=src%2Fstore.ts,package.json

It seems working. No errors. I wonder how the error can be reproduced.