const getParameters = (URL) => {

  URL = JSON.parse('{"' + decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') +'"}');

  return JSON.stringify(URL);

};

​

getParameters(window.location)

// Result: { search : "easy", page : 3 }

​

const queryString = window.location.search;

const parameters = new URLSearchParams(queryString);

const value = parameters.get('key');

const urlParams = new URLSearchParams(window.location.search);

const myParam = urlParams.get('myParam');

​

const queryString = window.location.href;

const parameters = new URLSearchParams(queryString);

const value = parameters.get('key');

const queryString = window.location.search;

​

const urlParams = new URLSearchParams(queryString);

​

const page_type = urlParams.get('page_type')

​

console.log(page_type);

// Get the current URL

const url = new URL(window.location.href);

​

// Get the search parameters from the URL

const params = new URLSearchParams(url.search);

​

// Get the value of a specific parameter

const parameterValue = params.get('parameterName');

function getUrlParameter(name) {

    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');

    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');

    var results = regex.exec(location.search);

    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));

};

const params = new Proxy(new URLSearchParams(window.location.search), {

  get: (searchParams, prop) => searchParams.get(prop),

});

// Get the value of "some_key" in eg "https://example.com/?some_key=some_value"

let value = params.some_key; // "some_value"

import React, { useEffect, useState } from "react";

import { useLocation } from "react-router-dom";

​

function CheckoutDetails() {

  const location = useLocation();

  const [amountValue, setAmountValue] = useState(1);

​

  // function to get query params using URLSearchParams

  useEffect(() => {

    const searchParams = new URLSearchParams(location.search);

    if (searchParams.has("amount")) {

      const amount = searchParams.get("amount");

      setAmountValue(parseInt(amount, 10));

    } else {

      setAmountValue(1);

    }

  }, [location]);

​

  return (

    <p>Amount: {amountValue}</p>

  )