Typescript conversion.

src/components/hooks/useNavigation.ts

@@ -0,0 +1,27 @@
+import { useMemo } from 'react';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { buildUrl } from 'next-basics';
+
+export function useNavigation() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const params = useSearchParams();
+
+  const query = useMemo(() => {
+    const obj = {};
+
+    for (const [key, value] of params.entries()) {
+      obj[key] = decodeURIComponent(value);
+    }
+
+    return obj;
+  }, [params]);
+
+  function makeUrl(params, reset) {
+    return reset ? pathname : buildUrl(pathname, { ...query, ...params });
+  }
+
+  return { pathname, query, router, makeUrl };
+}
+
+export default useNavigation;