need help with react state management

[spice wave]

Hey folks can anyone check why this code is not working the state is not updating in this code

import { useState, useCallback } from 'react';

const useStore = () => {
  const [activePage, setActivePage] = useState('none');
  const setActivePageCallback = useCallback(
    (activePage: string) => {
      setActivePage(activePage);
    },
    [setActivePage]
  );

  return {
    activePage,
    setActivePage: setActivePageCallback,
  };
};

export { useStore };

as this code

import create from "zustand";

type StoreState = {
  activePage: string;
  setActivePage: (activePage: string) => void;
};

const useStore = create<StoreState>()((set) => ({
  activePage: "none",
  setActivePage(activePage): void {
    set({ activePage });
  },
}));

export { useStore };

[floral edge]

Looks fine to me

maybe you can share your call site?

(aside, it' won't work exactly as zustand because that accepts a callback / selector)

https://codesandbox.io/p/sandbox/snowy-river-7cl1xe?selection=[{"endColumn"%3A1%2C"endLineNumber"%3A32%2C"startColumn"%3A1%2C"startLineNumber"%3A32}]&file=%2Fapp%2Froutes%2Findex.tsx

[floral edge]

Aside, I've never used zustand before, but it's stores appear to be singletons so no good for SSR; I'm guessing that's why you're trying to migrate from it?