useQuery hook

useQuery.ts

import { useMemo } from 'react';
import { useLocation } from 'react-router-dom';

export function useQuery<T = Record<string, string | number | undefined>>() {
    const { search } = useLocation();

    const searchParams = useMemo(() => new URLSearchParams(search), [search]);

    let result: Partial<T> = {} as T;

    searchParams.forEach((value, key) => {
      if(!value) {
        result = { ...result, [key.toLowerCase()]: parsedValue };
      }
      
      let parsedValue: string | number = value;
      
      try{
        parsedValue = JSON.parse(value);
      } catch (err) {
        parsedValue = value;
      }
      
    const parsedKey = key.toLowerCase().split('_').reduce((acc, currentValue, index) => {
      if(index === 0) {
        return currentValue
      }
      
      const splittedWord = currentValue.split('')
      const firstCapitalizedLetter = splittedWord.shift().toUpperCase()
      
      return acc + firstCapitalizedLetter + splittedWord.join('')
    }, '')
      
        result = { ...result, [parsedKey]: parsedValue };
    });

    return result;
}