Typescript conflict when using vanilla create

[francis-chang]

I have a non-react file with helper methods that will need to access and set global state

An example

import create from 'zustand/vanilla'

type User = {
    username: string
    id: number
}

interface GlobalStoreType {
    authError: string | null
    setAuthError: (err: string) => void
    user: User | null
    setUser: (user: User | null) => void
}

const store = create<GlobalStoreType>((set) => ({
    authError: null,
    setAuthError: (authError: string | null) => set(() => ({ authError })),
    user: null,
    setUser: (user: User | null) => set(() => ({ user })),
}))

export default store

I need to access the store in a non react file

const { authError, setAuthError, user, setUser } = store

gives off the a typescript error of

const setUser: any Property 'setUser' does not exist on type 'StoreApi<GlobalStoreType>'

setUser is just one of the four errors

[dai-shi]

It's not just TS, but JS usage. Please try this:

const { authError, setAuthError, user, setUser } = store.getState()