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}>