how to get query string value in react js?

Copy 
1const parseParams = (querystring) => {
2    // parse query string
3    const params = new URLSearchParams(querystring);
4
5    const obj = {};
6
7    // iterate over all keys
8    for (const key of params.keys()) {
9      if (params.getAll(key).length > 1) {
10        obj[key] = params.getAll(key);
11      } else {
12        obj[key] = params.get(key);
13      }
14    }
15
16    return obj;
17  };
18// 👇️ {"name":"infinitbility"}
19console.log(parseParams('?name=infinitbility'));

Copy 
1import React, { useState, useEffect } from "react";
2import "./styles.css";
3export default function App() {
4  const [queryParam, setQueryParam] = useState({});
5
6  const parseParams = (querystring) => {
7    // parse query string
8    const params = new URLSearchParams(querystring);
9
10    const obj = {};
11
12    // iterate over all keys
13    for (const key of params.keys()) {
14      if (params.getAll(key).length > 1) {
15        obj[key] = params.getAll(key);
16      } else {
17        obj[key] = params.get(key);
18      }
19    }
20
21    return obj;
22  };
23
24  useEffect(() => {
25    let params = parseParams(window.location.search);
26    setQueryParam(params)
27    console.log(params);
28  }, []);
29  return (
30    <div className="App">
31      <h1>{JSON.stringify(queryParam)}</h1>
32    </div>
33  );
34}