Catch all routes and params

[vitaliemiron]

I started a next.js app with Drupal cms as backend.
So I need to catch all routes from backend dynamicly.
For this I have an endpoint which return all routes on the site:

  const data = await fetchAPI(`
    query {
      routes
    }
  `);

I used this request in a file with name [...slug] inside pages directory. Result on build:

The problem is that when I am trying to change params for specific page, the entire page is reloated with losing of previous state.

For example on page forum I have a param named tab, which indicates number of the tab that should be opened as default.

When I change it with
router.push(${path}?tab=2);

The entire page is reloaded. But if I create specific page file for forum route, there is no reloading.

[vitaliemiron]

I found solution. Just push route as first parameter with slug and the second client path

    router.push(
      `${router.route}?tab=${newValue + 1}`,
      `${path}?tab=${newValue + 1}`
    );