Type issue with persist

[aaronfulkerson]

Bug Description

The following code produces type errors in VSCode:

import { create } from "zustand";
import { devtools, persist } from "zustand/middleware";

type State = {
  sourceRole: { id: number; sourceName: string; sourceRole: string } | null;
};

type Actions = {
  setSourceRole: (sourceRole: State["sourceRole"]) => void;
};

export const useSidebarStore = create<State & Actions>(
  devtools(
    persist(
      (set) => ({
        sourceRole: null,
        setSourceRole: (sourceRole) => set(() => ({ sourceRole })),
      }),
      { name: "sidebar-store" }
    )
  )
);

It looks like this was fixed at one point in time by @dbritto-dev but may have regressed.

I'm on 4.5.5.

Reproduction Link

https://stackblitz.com/edit/vitejs-vite-aryc3n?file=src%2Fstore.ts

[dbritto-dev]

import { create } from "zustand";
import { devtools, persist } from "zustand/middleware";

type State = {
  sourceRole: { id: number; sourceName: string; sourceRole: string } | null;
};

type Actions = {
  setSourceRole: (sourceRole: State["sourceRole"]) => void;
};

export const useSidebarStore = create<State & Actions>()(
  devtools(
    persist(
      (set) => ({
        sourceRole: null,
        setSourceRole: (sourceRole) => set(() => ({ sourceRole })),
      }),
      { name: "sidebar-store" }
    )
  )
);

@aaronfulkerson on ts should be create<T>()(...) or createStore<T>()(...)

[aaronfulkerson]

Thanks, so embarrassed. I even copy/pasted one of the examples and I got the same error! PEBKAC.