From b4b3ed1696b787f655e6fcb5f2bd7cc4caee1ed5 Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Wed, 17 Apr 2024 19:13:38 +0530
Subject: [PATCH] add key prop to room provider components

---
 src/app/pages/client/direct/RoomProvider.tsx | 6 +++++-
 src/app/pages/client/home/RoomProvider.tsx   | 6 +++++-
 src/app/pages/client/space/RoomProvider.tsx  | 6 +++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/client/direct/RoomProvider.tsx b/src/app/pages/client/direct/RoomProvider.tsx
index 550be1bd..c78a8f44 100644
--- a/src/app/pages/client/direct/RoomProvider.tsx
+++ b/src/app/pages/client/direct/RoomProvider.tsx
@@ -18,5 +18,9 @@ export function DirectRouteRoomProvider({ children }: { children: ReactNode }) {
     return <JoinBeforeNavigate roomIdOrAlias={roomIdOrAlias!} />;
   }
 
-  return <RoomProvider value={room}>{children}</RoomProvider>;
+  return (
+    <RoomProvider key={room.roomId} value={room}>
+      {children}
+    </RoomProvider>
+  );
 }
diff --git a/src/app/pages/client/home/RoomProvider.tsx b/src/app/pages/client/home/RoomProvider.tsx
index fdb5fb4f..282cee7d 100644
--- a/src/app/pages/client/home/RoomProvider.tsx
+++ b/src/app/pages/client/home/RoomProvider.tsx
@@ -18,5 +18,9 @@ export function HomeRouteRoomProvider({ children }: { children: ReactNode }) {
     return <JoinBeforeNavigate roomIdOrAlias={roomIdOrAlias!} />;
   }
 
-  return <RoomProvider value={room}>{children}</RoomProvider>;
+  return (
+    <RoomProvider key={room.roomId} value={room}>
+      {children}
+    </RoomProvider>
+  );
 }
diff --git a/src/app/pages/client/space/RoomProvider.tsx b/src/app/pages/client/space/RoomProvider.tsx
index ce038f01..6c58d9ee 100644
--- a/src/app/pages/client/space/RoomProvider.tsx
+++ b/src/app/pages/client/space/RoomProvider.tsx
@@ -22,5 +22,9 @@ export function SpaceRouteRoomProvider({ children }: { children: ReactNode }) {
     return <JoinBeforeNavigate roomIdOrAlias={roomIdOrAlias!} />;
   }
 
-  return <RoomProvider value={room}>{children}</RoomProvider>;
+  return (
+    <RoomProvider key={room.roomId} value={room}>
+      {children}
+    </RoomProvider>
+  );
 }