useSearchParams

Docs

useSearchParams

useSearchParams is a hook that can be used to get search params from current URL

Note: This hook uses URLSearchParams class based on current pathname.

useSearchParams return's URLSearchParams class. So you can manipulate with them however you want.

Example

import { useSearchParams } from "another-react-router"
 
export const ExampleComponent = () => {
	const searchParams = useSearchParams()
 
	return (
		<div>
			<h1>Search Params:</h1>
			<ul>
				{Array.from(searchParams.entries()).map(([key, value]) => (
					<li key={key}>
						{key}: {value}
					</li>
				))}
			</ul>
		</div>
	)
}

useParams