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-03 11:58:43Z

1

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

edited Nov 3, 2020 at 11:58

answered Nov 2, 2020 at 23:32

web-sudo

6863 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user10876293 · Accepted Answer · 2020-11-02 23:29:30Z

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 2, 2020 at 23:29

user10876293

Collectives™ on Stack Overflow

Get url parameter using URLSearchParams in react

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related