flockstr/lib/hooks/useRouteChange.ts

19 lines
471 B
TypeScript
Raw Normal View History

2023-10-13 09:23:11 -04:00
"use client";
import { useEffect } from "react";
import { usePathname, useSearchParams } from "next/navigation";
type RouteChangeProps = (url: string) => void;
export default function NavigationEvents(callback: RouteChangeProps) {
const pathname = usePathname();
const searchParams = useSearchParams();
useEffect(() => {
const url = `${pathname ?? ""}?${searchParams?.toString() ?? ""}`;
callback(url);
}, [pathname, searchParams]);
return null;
}