PocketBase Auth with Context doesn't track store

const AuthContext = createContext<
  { token: string; model: AuthModel } | string
>();

export function AuthProvider(props: { children: JSX.Element }) {
  //kind of a singleton, supposedly (in my mind, as this will only run once)
  const pb = createMemo(() => new PocketBase("http://127.0.0.1:8090"));
  
  createEffect(() => console.log(pb().authStore.model));

  //store for auth token and user data
  const [{ token, model }, setState] = createStore({
    model: pb().authStore.model,
    token: pb().authStore.token,
  });

  //subscribing to changes on the authStore so that it updates the solid store
  createEffect(() => {
    pb().authStore.onChange((tok, mod) => {
      setState(reconcile({ model: mod, token: tok }));
      console.log("authStore changed: ", model);
    });
  });
  return (
    <AuthContext.Provider value={{ token, model }}>
      {props.children}
    </AuthContext.Provider>
  );
}

export function useAuth() {
  return useContext(AuthContext);
}