import { IParseOptions, parse } from 'qs';
import { useLocation, useParams } from 'react-router-dom';
import { RouteNodeWithParams } from '../routeNode';

/**
 *
 * @param route - The RouteNode to use.
 * @param o - qs#IParseOptions from qs
 */
export const useRouteParams = <
  T extends RouteNodeWithParams<string, any, any, any>
>(
  route: T,
  o: IParseOptions = {}
): ReturnType<T['parseParams']> => {
  const { search } = useLocation();
  return route.parseParams({
    ...useParams(),
    ...parse(search, { ignoreQueryPrefix: true, ...o }),
  }) as any;
};