first commit

calcom/packages/lib/hooks/useParamsWithFallback.ts

@@ -0,0 +1,18 @@
+"use client";
+
+import { useRouter as useCompatRouter } from "next/compat/router";
+import { useParams } from "next/navigation";
+import type { ParsedUrlQuery } from "querystring";
+
+interface Params {
+  [key: string]: string | string[];
+}
+
+/**
+ * This hook is a workaround until pages are migrated to app directory.
+ */
+export function useParamsWithFallback(): Params | ParsedUrlQuery {
+  const params = useParams(); // always `null` in pages router
+  const router = useCompatRouter(); // always `null` in app router
+  return params ?? router?.query ?? {};
+}