get the url params object from a search string (url string || window.location.search)

url-params.js

/**
 * Retrieve URL params from the url
 */
export const getUrlParams = (search = window.location.search) => {
  return [...new URLSearchParams(search).entries()].reduce(
    (acc, [key, value]) => {
      const _value = decodeURIComponent(value)
      return {
        ...acc,
        [key]: _value !== 'null' && _value !== 'undefined' ? _value : undefined,
      }
    },
    {}
  )
}

/**
 * @param {Object} object Object of key/values to set as URL params
 * @param {String}[window.location.pathname] basePath - base path to append the url params to
 */
export const setUrlParams = (
  object,
  {
    existingSearch = window.location.search,
    shouldPush = true,
    basePath = window.location.pathname,
  }
) => {
  const params = new URLSearchParams(existingSearch)

  Object.keys(object).forEach((key) => {
    if (object[key] !== undefined) {
      params.set(key, encodeURIComponent(object[key]))
    }
  })

  const newUrl = `${basePath}?${params.toString()}`

  // only update the state if it has actually changed
  if (
    `${window.location.pathname}/${existingSearch}` !== newUrl &&
    `${window.location.pathname}${existingSearch}` !== newUrl
  ) {
    // creates a new history entry
    if (shouldPush) {
      window.history.pushState({ path: newUrl }, '', newUrl)
    } else {
      // replaces the current history entry
      window.history.replaceState({ path: newUrl }, '', newUrl)
    }
  }
}