Reactive props?

[zmb3]

Thanks for this library, I've been putting off learning Svelte 5 for lack of a router and this has me back at it.

I'm struggling pass props via the router - it seems I lose reactivity when doing so.

I put together an example on the playground - when I render a component directly and pass props the reactivity works as expected, but when I render a component via the router the props are only evaluated once and the UI doesn't update on future changes.

Any idea what I might be doing wrong here?

[mateothegreat]

I believe it should be let { props } = $props() then you can access it at props.people.

I'm release a large refactor to make things like this easier for everybody today actually.

Give https://github.com/mateothegreat/svelte5-router/blob/main/test/app/src/lib/props/props.svelte a poke. and then https://github.com/mateothegreat/svelte5-router/blob/main/test/app/src/lib/props/display-params.svelte to display them.

Demo: https://demo.router.svelte.spa/props/bar?someQueryParam=123

Hope that helps! Re-open if ya are still stuck.