Как передать строку из ввода в URL в React?

У меня есть маршрут "contract/:id", и я хочу, чтобы значение поискового ввода объединилось с URL и стало переменной id из useParams(); как мне переместить поисковый ввод в URL?

export default function Contract() {
  const [search, setSearch] = useState('');
  const { id } = useParams();

  const handler = (e: any) => {
    if (e.code === 'Enter' && e.target.value) {
      setSearch(e.target.value);
        //
      // set URL params(search) here
       //
    }
  };

  return (
    <div>
      <div className="search_panel">
        <Search
          style={{ width: '300px' }}
          placeholder="№ Договора (72000000)"
          enterButton
          autoFocus
          type="number"
          onKeyDown={handler}
        />
        <h2>Поиск по договору {id}</h2>
      </div>

      {id && <ContractTable search={id} />}
    </div>
  );
}