cal.pub0.org/packages/lib/hooks/useRouterQuery.ts

37 lines
1.2 KiB
TypeScript
Raw Normal View History

import { useSearchParams } from "next/navigation";
/**
* An alternative to Object.fromEntries that allows duplicate keys.
*/
function fromEntriesWithDuplicateKeys(entries: ReturnType<ReturnType<typeof useSearchParams>["entries"]>) {
const result: Record<string, string | string[]> = {};
// Consider setting atleast ES2015 as target
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
for (const [key, value] of entries) {
if (result.hasOwnProperty(key)) {
let currentValue = result[key];
if (!Array.isArray(currentValue)) {
currentValue = [currentValue];
}
currentValue.push(value);
result[key] = currentValue;
} else {
result[key] = value;
}
}
return result;
}
/**
* This hook returns the query object from the router. It is an attempt to
* keep the original query object from the old useRouter hook.
* At least until everything is properly migrated to the new router.
* @returns {Object} routerQuery
*/
export const useRouterQuery = () => {
const searchParams = useSearchParams();
const routerQuery = fromEntriesWithDuplicateKeys(searchParams.entries());
return routerQuery;
};