Any reason for why window.history.state._depth doesn't get updated when clicking on <A/>?

[Axedyson]

I'm using the hashrouter and when clicking on <A href="/events/2">...</A> it doesn't seem to update window.history.state._depth after route change. If I make vite do a reload after a code change it will preserve the state and reflect the correct window.history.state._depth. If I do target='_self' and use router instead of hashrouter it also works.

The following

const navigate = useNavigate();
navigate(-1);

works as well.

So yeah my question is why is this behaviour not preserved when clicking on solidjs' special anchor tag <A href="...">...</A>?

This is how I'm detecting changes for window.history.state._depth:

  const navigate = useNavigate();
  const location = useLocation();
  const histDepth = createMemo(() => {
    // Subscribe to url changes such that any route change based 
    // on navigate() or <A/> etc. will cause this memo to run
    // This should also handle replace=True for <A/> by ignoring 
    // subscribers to this memo in that case.
    location.hash;
    location.state;
    location.query;
    location.search
    location.key;
    location.pathname;
    console.log(window.history.length);
    console.log(window.history.state._depth);

    return window.history.state._depth;
  });

[Axedyson]

Okay I solved it by listening for window.history.state._depth this way 😎:

  const navigate = useNavigate();
  const isRouting = useIsRouting();
  const histDepth = createMemo(() => {
    // Subscribe to any route change. This should be able to handle the case 
    // where <A ... replace=True>...</A> by ignoring subscribers to this memo 
    // because window.history.state._depth will be the same as before.
    isRouting();
    return window.history.state._depth;
  });