Почему window.history.pushState не тригерит useLocation()?

у меня есть компонент <SearchPage> с таким куском кода

  const location = useLocation()

  useEffect(() => {
    getRenderableItems(setItemsFromDb, setForPagination) // если коротко, тут из бд получается массив товаров
  }, [location]);

а также

...
<SortBy/>
{/* SortBy объявлена вне функции SearchPage кстати */}
...

сам <SortBy> это <select> с таким onChange

    const url = new URL(window.location)
    <select value=...
    onChange={ (e) => {

      // changing url
      let value = e.target.value
      url.searchParams.set('sortBy', value)

      window.history.pushState({}, '', url)
    } }>

Так вот, когда срабатывает этот onChange, компонент <SearchPage> заново не рендерится => useEffect от location почему то не срабатывает

Почему? И как это пофиксить?