29 lines
1005 B
TypeScript
29 lines
1005 B
TypeScript
import { usePathname, useRouter } from "next/navigation";
|
|
import { useCallback } from "react";
|
|
|
|
import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
|
|
|
|
export default function useRouterQuery<T extends string>(name: T) {
|
|
const searchParams = useCompatSearchParams();
|
|
const pathname = usePathname();
|
|
const router = useRouter();
|
|
|
|
const setQuery = useCallback(
|
|
(newValue: string | number | null | undefined) => {
|
|
const _searchParams = new URLSearchParams(searchParams ?? undefined);
|
|
if (typeof newValue === "undefined") {
|
|
// when newValue is of type undefined, clear the search param.
|
|
_searchParams.delete(name);
|
|
} else {
|
|
_searchParams.set(name, newValue as string);
|
|
}
|
|
router.replace(`${pathname}?${_searchParams.toString()}`);
|
|
},
|
|
[name, pathname, router, searchParams]
|
|
);
|
|
|
|
return { [name]: searchParams?.get(name), setQuery } as {
|
|
[K in T]: string | undefined;
|
|
} & { setQuery: typeof setQuery };
|
|
}
|