Fix Chat usage without layoutcontext (#1027)

livekit · Nov 19, 2024 · 2b582d3 · 2b582d3
1 parent 2c64b46
commit 2b582d3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/empty-tables-agree.md 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
@@ -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}>