TypeScript: Unresolved variables when using persist #2190
Answered
by
dai-shi
tyler71
asked this question in
Bug report
-
I will get this IDE error when trying to access variables: const darkMode = useAppConfigStore(state => state.darkMode)Code: import {create} from "zustand";
import {createJSONStorage, persist} from "zustand/middleware";
type AppConfig = {
[key: string]: any;
}
const initialConfig: AppConfig = {
darkMode: false
}
interface AppConfigStore {
darkMode: boolean
toggleDarkMode: () => void
resetAppConfig: () => void
}
const useAppConfigStore = create<AppConfigStore>()(
persist(
(set, get) => ({
darkMode: false,
toggleDarkMode: () => set(() => ({darkMode: !get().darkMode})),
resetAppConfig: () => set(initialConfig),
}),
{
name: 'config-storage',
storage: createJSONStorage(() => localStorage)
}
))
export default useAppConfigStoreRemoving persist shows it working const useAppConfigStore = create<AppConfigStore>()(
// persist(
(set, get) => ({
darkMode: false,
toggleDarkMode: () => set(() => ({darkMode: !get().darkMode})),
resetAppConfig: () => set(initialConfig),
}))
// {
// name: 'config-storage',
// storage: createJSONStorage(() => localStorage)
// }
// ))
export default useAppConfigStor |
Beta Was this translation helpful? Give feedback.
Answered by
dai-shi
Nov 10, 2023
Replies: 1 comment 1 reply
-
|
Thanks for reporting. |
Beta Was this translation helpful? Give feedback.
1 reply
Answer selected by
tyler71
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks for reporting.
https://github.com/pmndrs/zustand/releases/tag/v4.1.4
#1387 or #1393
I'm not sure but maybe you need a newer TS version.