[v3.5.2] Type error when using devtools and persist in TypeScript

Test code

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

interface TestState {
  t1: string;
  t2: number;
  setT1: (t: string) => void;
  [key: string]: any;
}

const useTest = create<TestState>(
  devtools(
    persist(
      (set) => ({
        t1: null,
        t2: null,
        setT1: (n) => {
          set({
            t1: n,
          });
        },
      }),
      {
        name: 'zustand-state-test',
        getStorage: () => localStorage,
      },
    ),
  ),
);

export default useTest;

What happens?

zustand: 3.4.2 no type error

zustand: 3.5.2 show some type error

persist use SetState, but devtools use NamedSet.

Screenshot

CodeSandbox

https://codesandbox.io/s/elegant-flower-s0e9c?file=/src/App.tsx

[TkDodo]

I put the example code in a codesandbox: https://codesandbox.io/s/elegant-flower-s0e9c?file=/src/App.tsx

If you put it in the issue description, any linked PR will automatically deploy it, thanks.

I also tested it on #428 but the error remains the same. Need to look closer into it but might take some time.

[TkDodo]

@FranciscoMendes10866 I tested your example with #441 and it works there.

also, the initial sandbox from @onlyling seems to work with #441 , so it looks really promising 👍