From 6efccfe7cf6b93a7549bdfc810cbde2ea8c17baf Mon Sep 17 00:00:00 2001
From: Hariom Balhara <hariombalhara@gmail.com>
Date: Tue, 18 Oct 2022 14:32:13 +0530
Subject: [PATCH] Hotfix: Installed Apps Tabs Switchi g (#5063) (#5064)

* Hotfix: metadata parsing

* Use Router query as tabs use shallow routing, data-fetching doesnt occur on switching tabs

Co-authored-by: zomars <zomars@me.com>

Co-authored-by: zomars <zomars@me.com>
---
 apps/web/pages/apps/installed/[category].tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/pages/apps/installed/[category].tsx b/apps/web/pages/apps/installed/[category].tsx
index fdd931a64b57b..8b535fe3c49fb 100644
--- a/apps/web/pages/apps/installed/[category].tsx
+++ b/apps/web/pages/apps/installed/[category].tsx
@@ -1,4 +1,5 @@
 import { InferGetServerSidePropsType } from "next";
+import { useRouter } from "next/router";
 import z from "zod";
 
 import { AppSettings } from "@calcom/app-store/_components/AppSettings";
@@ -188,9 +189,10 @@ const querySchema = z.object({
   category: z.nativeEnum(InstalledAppVariants),
 });
 
-export default function InstalledApps({ category }: InferGetServerSidePropsType<typeof getServerSideProps>) {
+export default function InstalledApps() {
   const { t } = useLocale();
-
+  const router = useRouter();
+  const category = router.query.category;
   return (
     <InstalledAppsLayout heading={t("installed_apps")} subtitle={t("manage_your_connected_apps")}>
       {(category === InstalledAppVariants.payment || category === InstalledAppVariants.conferencing) && (