useParam always returns the same value (the first selected)

[rodbs]

I've got a blog/[slug].js structure

In react navigation I have

 <NavigationContainer
        linking={useMemo(
          () => ({
            prefixes: [Linking.createURL('/')],
            config: {
              initialRouteName: 'home',
              screens: {
                HomeScreen: '',
                BlogScreen: 'blog',
                BlogSlugScreen: 'blog/:slug',
                CourseSlugScreen: ':courseSlug/:categorySlug/:slug',
...

In the Blog screen I have:

import { createParam } from 'solito'
const { useParam } = createParam() 

export function BlogSlugScreen({   route }) {
  const [slug] = useParam('slug')
   console.log('slug', slug)
   console.log('route', route)
   ...

So, first time a select a post, slug keeps the right value and same thing for route.params.slug. But next times, route.params.slug stores the right value while slug keeps storing the first selected (it's not updated). Is it a bug ?

[nandorojo]

i believe this is a duplicate of #51

[nandorojo]

if you use setSlug it would work for now, as shown in the docs

[nandorojo]

but yeah i need to fix this

[rodbs]

setSlug ? where is that in the docs?

[rodbs]

you mean create an state variable and store route.params.slug? setSlug(route.params.slug)

[nandorojo]

I mean use the setter from the useParam docs:

const [slug, setSlug] = useParam('slug')

// and then...

setSlug('123')

But this will be fixed when I have time.

[nandorojo]

What I mean is, if you update slug via that setSlug function, it'll work for now.

[rodbs]

ok , I understand. Thx!!

[nandorojo]

closing as duplicate of #51