From 267841ae83f65921e7a37a0a3fd4cd262c1a28cf Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Mon, 4 Dec 2023 11:35:42 +0500
Subject: [PATCH] web: fix router types

---
 apps/web/src/components/route-container/index.tsx | 6 +++++-
 apps/web/src/navigation/routes.tsx                | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/route-container/index.tsx b/apps/web/src/components/route-container/index.tsx
index 561a98a73..2fded9d01 100644
--- a/apps/web/src/components/route-container/index.tsx
+++ b/apps/web/src/components/route-container/index.tsx
@@ -102,7 +102,11 @@ function Header(props: RouteContainerProps) {
     );
 
   return (
-    <Flex mx={2} sx={{ alignItems: "center", justifyContent: "space-between" }}>
+    <Flex
+      className="route-container-header"
+      mx={2}
+      sx={{ alignItems: "center", justifyContent: "space-between" }}
+    >
       <Flex py={1} sx={{ alignItems: "center", justifyContent: "center" }}>
         {buttons?.back ? (
           <ArrowLeft
diff --git a/apps/web/src/navigation/routes.tsx b/apps/web/src/navigation/routes.tsx
index c457cebdb..f273eaec0 100644
--- a/apps/web/src/navigation/routes.tsx
+++ b/apps/web/src/navigation/routes.tsx
@@ -36,7 +36,7 @@ type RouteResult = {
   key: string;
   type: "notes" | "notebooks" | "reminders" | "trash" | "tags";
   title?: string | (() => Promise<string | undefined>);
-  component: React.ReactNode;
+  component: React.FunctionComponent;
   props?: any;
   buttons?: RouteContainerButtons;
 };