A hook in react to return url params #React #CustomHook #URLSearchParams

useUrlParams.ts

/**
* A hook in react to return url params
*/

export const useUrlParams = () => {
  const location = useLocation()
  const [search] = useState<URLSearchParams>(
    new URLSearchParams(location.search)
  )

  return useCallback(
    <T extends unknown>(...param: string[]): T => {
      const obj: Record<string, unknown> = {}

      param.forEach((p: string) => {
        if (p !== null) {
          obj[p] = search.get(p)
        }
      })

      return <T>obj
    },
    [search]
  )
}