From 2b582d3b63e7132b554a8509f957a630f5590111 Mon Sep 17 00:00:00 2001
From: lukasIO <mail@lukasseiler.de>
Date: Tue, 19 Nov 2024 14:21:32 +0100
Subject: [PATCH] Fix Chat usage without layoutcontext (#1027)

---
 .changeset/empty-tables-agree.md    | 5 +++++
 packages/react/src/prefabs/Chat.tsx | 8 +++++---
 2 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/empty-tables-agree.md

diff --git a/.changeset/empty-tables-agree.md b/.changeset/empty-tables-agree.md
new file mode 100644
index 000000000..1461e3eb3
--- /dev/null
+++ b/.changeset/empty-tables-agree.md
@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+Fix Chat usage without layoutcontext
diff --git a/packages/react/src/prefabs/Chat.tsx b/packages/react/src/prefabs/Chat.tsx
index 879a32e36..7fe8fd80d 100644
--- a/packages/react/src/prefabs/Chat.tsx
+++ b/packages/react/src/prefabs/Chat.tsx
@@ -89,9 +89,11 @@ export function Chat({
     <div {...props} className="lk-chat">
       <div className="lk-chat-header">
         Messages
-        <ChatToggle className="lk-close-button">
-          <ChatCloseIcon />
-        </ChatToggle>
+        {layoutContext && (
+          <ChatToggle className="lk-close-button">
+            <ChatCloseIcon />
+          </ChatToggle>
+        )}
       </div>
 
       <ul className="lk-list lk-chat-messages" ref={ulRef}>