How do you handle query parameters? Query parameters कैसे handle करें?

import { useSearchParams } from 'react-router-dom';

function SearchPage() {
  const [searchParams, setSearchParams] = useSearchParams();
  const query = searchParams.get('q');
  
  const handleSearch = (value) => {
    setSearchParams({ q: value });
  };
  
  return <input onChange={(e) => handleSearch(e.target.value)} />;
}