route.push() and route.replace() in session listener isn't reflected in URL

[elektronik2k5]

Hello and thanks for this project!

I think I found a bug. Calling route.push() or route.replace() in a listener doesn't update the URL. Here's a reproduction: https://codesandbox.io/s/type-route-recursive-sslew6?file=/index.ts

Usage:

1. Open link
2. Open console and note the URL of the preview
3. Click on "User List" link
4. Note the correct console messages and correct rendering but incorrect URL, which doesn't change from page=1 to page=100.

Thanks!

[bradenhs]

Thanks for opening this! I was able to reproduce and will dig deeper into how to fix this. In the meantime you can use setTimeout in the listener to work around the issue:

session.listen((nextRoute) => {
  console.info({ nextRoute });
  renderPage(nextRoute);
  setTimeout(() => {
    if (nextRoute.name === "userList") {
      if (nextRoute.params.page === 1) {
        console.info("Redirecting to 10");
        routes.userList({ page: 10 }).replace();
        console.info("Redirected.");
      }
      if (nextRoute.params.page === 10) {
        console.info("Redirecting to 100");
        routes.userList({ page: 100 }).replace();
        console.info("Redirected.");
      }
    }
  });
});