MyStore does not satisfy the constraint 'Record<string | number | symbol, unknown>'.

The following code runs fine on 3.0.0:

import create from 'zustand';

type PlayState = 'playing' | 'paused' | 'stopped';

export interface PlayerStore {
  playState: PlayState;
  showOutline: boolean;
  setPlayState: (state: PlayState) => void;
}

export const usePlayerStore = create<PlayerStore>((set) => ({
  playState: 'paused',
  showOutline: false,
  setPlayState: (playState) => set(() => ({ playState })),
}));

But breaks on 3.1.0, with the following error message, by tsc:

PlayerStore does not satisfy the constraint 'Record<string | number | symbol, unknown>'.

[dai-shi]

OK, here’s the fix using interface. https://codesandbox.io/s/wonderful-bohr-7oqxn

export interface PlayerStore extends State {
  playState: PlayState;
  showOutline: boolean;
  setPlayState: (state: PlayState) => void;
}

Is it acceptable for your use case?

[dutzi]

Sure, it’s not a lot to change 😃