diff --git a/apps/web/app/future/connect-and-join/page.tsx b/apps/web/app/future/connect-and-join/page.tsx
new file mode 100644
index 0000000000..0dea6c11c8
--- /dev/null
+++ b/apps/web/app/future/connect-and-join/page.tsx
@@ -0,0 +1,4 @@
+import LegacyPage from "@pages/connect-and-join";
+import { WithLayout } from "app/layoutHOC";
+
+export default WithLayout({ getLayout: null, Page: LegacyPage })<"P">;
diff --git a/apps/web/pages/connect-and-join.tsx b/apps/web/pages/connect-and-join.tsx
index 8d85bb62fe..dae0e11aba 100644
--- a/apps/web/pages/connect-and-join.tsx
+++ b/apps/web/pages/connect-and-join.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { useSession } from "next-auth/react";
 import { Trans } from "next-i18next";
 import Link from "next/link";