What is useSearchParams in React Router?

The useSearchParams hook is provided by react-router-dom v6+. It helps you read and modify the query string parameters in the URL.

It works similarly to useState, but instead of storing component state, it stores URL query parameters.

The hook returns an array with two values:

1. searchParams → to read query values
2. setSearchParams → to update query values

import React from 'react'
import { Route, Routes} from 'react-router-dom'
import Search from './Search.jsx'

const App = () => {
  return (
    <>
    <Routes>    
      <Route path='/' element={<Search/>}/>
    </Routes>
    </>
  )
}

export default App