Как удалить поисковой запрос из адресной строки в react-router?

Question

[Игорь Аверин]

Приложение авторизует пользователя через api по протоколу OAuth (запрос -> получение кода авторизации из адресной строки -> запрос токена авторизации). Когда api возвращает пользователя в приложение с кодом авторизации в адресной строке, этот код там и остаётся. Приложение использует react-router-dom v6, в пути постоянно присутствует код авторизации. Как можно после его использования как-то очистить поисковой запрос?

Answer 1

[Klein Maximus]

https://reactrouter.com/docs/en/v6/hooks/use-searc...

Можно установить пустое значение в search для требуемого параметра через setSearchParams.

const [searchParams, setSearchParams] = useSearchParams();

useEffect(() => {
  setSearchParams(...);
}, []);