useSuspenseQuery returns last error instead of fresh data

export const Route = new FileRoute("/vouchers/creation").createRoute({
  pendingComponent: () => <div>creation Loading...</div>,
  errorComponent: (error) => {
    // this is the 401 error
    return <div>creation Error</div>;
  },
  component: Component,
});

function Component() {
  const { currentUser } = useCurrentUser(); // useCurrentUser uses useSuspenseQuery
  // if I switch to useQuery, currentUser is requested properly, but then I have     // to work around the useRef hook, because currentUser has to be defined here. 

  const store = useRef(
    createCreateVouchersStore({ user: currentUser })
  ).current;

  return (
    <div>creation</div>
  );
}

export const Route = new FileRoute("/vouchers/creation").createRoute({
  pendingComponent: () => <div>creation Loading...</div>,
  errorComponent: (error) => {
    // this is the 401 error
    return <div>creation Error</div>;
  },
  component: Component,
});

function Component() {
  const { currentUser } = useCurrentUser(); // useCurrentUser uses useSuspenseQuery
  // if I switch to useQuery, currentUser is requested properly, but then I have     // to work around the useRef hook, because currentUser has to be defined here. 

  const store = useRef(
    createCreateVouchersStore({ user: currentUser })
  ).current;

  return (
    <div>creation</div>
  );
}