Do I still need to do this in zustand?

[maltoze]

  useEffect(() => {
    let mounted = true;
    const asyncFetch = async () => {
      const data = await fetch('');
      mounted && setData(data);
    };
    asyncFetch();
    return () => {
      mounted = false;
    };
  });

Do I need to confirm mounted before set in zustand?

Thanks.

[AnatoleLucet]

I don't think you need to. Does it break without the condition / is the fetch called at dismount?

  useEffect(() => {
    const asyncFetch = async () => {
      const data = await fetch('');
      setData(data);
    };
    asyncFetch();
  });

[maltoze]

No, I just want to confirm. 😆

[drcmda]

The store is outside of React so it should be fine without the mount checks. With a react-bound store model this could be needed depending on what your app does.

[maltoze]

react-bound store model

Does it mean something like this?

function BearCounter() {
  // store inside component
  const useStore = create(set => ({
    bears: 0,
    increasePopulation: () => set(state => ({ bears: state.bears + 1 })),
    removeAllBears: () => set({ bears: 0 })
  }))
  const bears = useStore(state => state.bears)
  return <h1>{bears} around here ...</h1>
}