);
};
```
--------------------------------
### Getting Current Search String with useSearch
Source: https://github.com/molefrog/wouter/blob/v3/README.md
The `useSearch` hook retrieves the current query string without the leading '?'. It triggers a re-render only when the search string itself changes.
```jsx
import { useSearch } from "wouter";
// returns "tab=settings&id=1"
const searchString = useSearch();
```
--------------------------------
### Managing Search Parameters with useSearchParams
Source: https://github.com/molefrog/wouter/blob/v3/README.md
Use `useSearchParams` to get a `URLSearchParams` object and a function to update it. You can update parameters by providing new values, a callback function, or by replacing all parameters.
```jsx
import { useSearchParams } from 'wouter';
const [searchParams, setSearchParams] = useSearchParams();
// extract a specific search parameter
const id = searchParams.get('id');
// modify a specific search parameter
setSearchParams((prev) => {
prev.set('tab', 'settings');
return prev;
});
// override all search parameters
setSearchParams({
id: 1234,
tab: 'settings',
});
// by default, setSearchParams() will push a new history entry
// to avoid this, set `replace` option to `true`
setSearchParams(
(prev) => {
prev.set('order', 'desc');
return prev;
},
{
replace: true,
},
);
// you can also pass a history state in options
setSearchParams(
(prev) => {
prev.set('foo', 'bar');
return prev;
},
{
state: 'hello',
},
);
```
--------------------------------
### Opt-in View Transitions with Link Component
Source: https://github.com/molefrog/wouter/blob/v3/specs/view-transitions-spec.md
Demonstrates how to opt-in to view transitions for specific navigation events using the `transition` prop on the Wouter `