React JS - using react-router-dom v6 - path param and query string

index.jsx

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

export function Home() {
  // path param
  const { id } = useParams();
  console.log(id);

  // query string
  const [params, setParams] = useSearchParams();
  console.log(params.get('id'));

  return (
    <div>
      <h1>FRANCISCO CHAVES</h1>
    </div>
  );
}