From 435185dc6bdcbf458d0d4c60edcfc866f427eee5 Mon Sep 17 00:00:00 2001
From: Shariful Islam Mubin <mubin986@gmail.com>
Date: Tue, 8 Jul 2025 22:08:22 +0600
Subject: [PATCH 1/3] feat: add onDeviceError callback to VideoConference
 component.

---
 packages/react/src/prefabs/VideoConference.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/prefabs/VideoConference.tsx b/packages/react/src/prefabs/VideoConference.tsx
index 62af5d61f..225e59fc2 100644
--- a/packages/react/src/prefabs/VideoConference.tsx
+++ b/packages/react/src/prefabs/VideoConference.tsx
@@ -33,6 +33,7 @@ export interface VideoConferenceProps extends React.HTMLAttributes<HTMLDivElemen
   chatMessageDecoder?: MessageDecoder;
   /** @alpha */
   SettingsComponent?: React.ComponentType;
+  onDeviceError?: (error: { source: Track.Source; error: Error }) => void;
 }
 
 /**
@@ -58,6 +59,7 @@ export function VideoConference({
   chatMessageDecoder,
   chatMessageEncoder,
   SettingsComponent,
+  onDeviceError,
   ...props
 }: VideoConferenceProps) {
   const [widgetState, setWidgetState] = React.useState<WidgetState>({
@@ -155,7 +157,7 @@ export function VideoConference({
                 </FocusLayoutContainer>
               </div>
             )}
-            <ControlBar controls={{ chat: true, settings: !!SettingsComponent }} />
+            <ControlBar onDeviceError={onDeviceError} controls={{ chat: true, settings: !!SettingsComponent }} />
           </div>
           <Chat
             style={{ display: widgetState.showChat ? 'grid' : 'none' }}

From 2a209c72742cd6ba906ab893d4cc935f28477582 Mon Sep 17 00:00:00 2001
From: Shariful Islam Mubin <mubin986@gmail.com>
Date: Tue, 8 Jul 2025 22:15:03 +0600
Subject: [PATCH 2/3] style: format ControlBar component for better readability
 in VideoConference

---
 packages/react/src/prefabs/VideoConference.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/prefabs/VideoConference.tsx b/packages/react/src/prefabs/VideoConference.tsx
index 225e59fc2..13a33ee16 100644
--- a/packages/react/src/prefabs/VideoConference.tsx
+++ b/packages/react/src/prefabs/VideoConference.tsx
@@ -157,7 +157,10 @@ export function VideoConference({
                 </FocusLayoutContainer>
               </div>
             )}
-            <ControlBar onDeviceError={onDeviceError} controls={{ chat: true, settings: !!SettingsComponent }} />
+            <ControlBar
+              onDeviceError={onDeviceError}
+              controls={{ chat: true, settings: !!SettingsComponent }}
+            />
           </div>
           <Chat
             style={{ display: widgetState.showChat ? 'grid' : 'none' }}

From a7329822d157cb6620b27a9d9f4ab3e817cd2613 Mon Sep 17 00:00:00 2001
From: Shariful Islam Mubin <mubin986@gmail.com>
Date: Tue, 8 Jul 2025 22:17:58 +0600
Subject: [PATCH 3/3] Create clean-pants-exist.md

---
 .changeset/clean-pants-exist.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/clean-pants-exist.md

diff --git a/.changeset/clean-pants-exist.md b/.changeset/clean-pants-exist.md
new file mode 100644
index 000000000..98e7e7114
--- /dev/null
+++ b/.changeset/clean-pants-exist.md
@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+feat: add onDeviceError callback to VideoConference component.