Get url parameter using URLSearchParams in react

Question

I am trying to grab XSOQSVPbATbRYa94ZuXs from the pid parameter using URLSearchParams.

Here is my URL: http://localhost:3000/edit-product?pid=Z4HLrHGZ1ikKIwlEVkM6

Here is my code:

useEffect(() => {
    if (user) {
      const params = new URLSearchParams(location.search);
      const pid = params.get("pid");

    } else {
      setProducts("");
    }
  }, [user]);

Any idea why I'm receiving the following error: TypeError: Cannot read property 'search' of undefined

web-sudo · Accepted Answer · 2020-11-03T11:58:43.170

1

location.search won't work. You need to change it by window.location.search

edited Nov 03 '20 at 11:58

answered Nov 02 '20 at 23:32

web-sudo

701
2
13

score 0 · Answer 2 · answered Nov 02 '20 at 23:29

0

Where does location.search comes from? unless you destructured it from somewhere, it should be props.location.search if you're using react-router.

Is this question related?

answered Nov 02 '20 at 23:29

FLiotta

151
6

Get url parameter using URLSearchParams in react

2 Answers2