reactjs - React Hooks: Make useEffect run when location.search changes

Question

I am trying to make a useEffect fire every time the query params of my URL changes, this is the format of the URL:

https://localhost:3000/main/persons?results=1

In my code I have the following:

const location = useLocation();

useEffect(() => {
      console.log('Location update')
    }, [location]);

However, my problem is that the useEffect is only run when the location.pathname changes, and not when the query parameters of the URL changes (?results=1). I have also tried the following logic: [location.pathname, location.search] but with no luck.

Do anyone know how I can solve this?

question from:https://stackoverflow.com/questions/65885335/react-hooks-make-useeffect-run-when-location-search-changes

Answer 1

Try doing this:

const pathName = useLocation().pathname;

useEffect(() => {
      console.log('Location update')
    }, [pathnName]);

Similarly for location.search