Page change, but on the same route

[Angelisium]

Hi 👋

Let's imagine a fictitious simplified routing such as :
https://codesandbox.io/p/sandbox/test-routing-solidjs-9og6zk

When I click on the link, it changes the url but it doesn't reload the content of the page since (for the router) we are still on the same page 😬

How can I fix this?

[Brendan-csel]

The Chapter function only runs once. So you can't destructure the params at the top.

Instead do this...

function Chapter(props) {
	const params = useParams();
	return (
		<>
			<p>{params.slug + " : " + params.page}</p>
---

[Angelisium]

thank you for your answer 💖

edit : in fact, I oversimplified the problem was with data={DataLoader} which is called only once...
But it's logic since it does not reload the whole page (as it would be the case if I go from the /book/:slug page to the /book/:slug/:page page)

But maybe I'm doing something wrong and breaking the reactivity?

In any case, I moved the logic in my component and I removed useRouteData and it works 😋