How to stay on the same route and update search parameters

[grzegorznyga]

I have a page with a list of users at the route /users
and a details panel opens o the side when a user ID is present in the route /users/$userId

The users list includes a search bar that uses the useNavigate hook

const navigate = useNavigate({ from: '/users' })
 const value = useSearch({
    from: '/users',
    select: (params) => params.phrase,
  })
  
...
<Input
      value={value}
      onChange={(email) => {
        navigate({
          search: (previous) => ({ ...previous, email }),
        })
      }}
    />

When I'm on /users/$userId calling navigate takes me to /users?phrase=test instead of /users/123?phrase=test, so the details panel disappears when I search

I can remove from: option from useNavigate and use relative path .

const navigate = useNavigate()
navigate({
 to: ".",
  search: (previous) => ({ ...previous, email }),
})

But then the search params isn’t strongly typed anymore without from. Is there a better way to do this?
It used to work fine in earlier versions, so maybe something changed or it's a bug 🤔

[grzegorznyga]

In version 112.18, I was able to use useNavigate with the from option, and navigate would redirect to the current location when to was not set. In the next version, it changed