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