Zustand: typescript subscribe

[callmejm]

How to use subcribe method in typescript ? I getting error Property 'subscribe' does not exist on type 'BearState'

//store.ts
import { create } from 'zustand'

interface BearState {
  bears: number
  increase: (by: number) => void
}

export const useBearStore = create<BearState>()((set) => ({
  bears: 0,
  increase: (by) => set((state) => ({ bears: state.bears + by })),
}))

//App.tsx

function App() {
    const bearStore = useBearStore()
    const unsub = bearStore.subscribe(console.log)

    return (
        <div>
        </div>
    )
}

export default App

[dai-shi]

Your code looks well: https://tsplay.dev/N95Y8N

[callmejm]

How to use the store api (attached to the hook) instead of the returned state ? I cant find any website

[dai-shi]

Please check this https://tsplay.dev/mM7lQw and try to reproduce your error there.

[callmejm]

the link you provided is in the same file, but my case is in different file, and export useBearStore

[dai-shi]

So, it can be only reproduced if it's in a different file? Can you try putting in the same file and see if it works?

[callmejm]

I think I get what your meaning, I should use useBearStore instead of bearStore, so sorry for that