fix(webrtc): fix invalid hook call in device settings modal for bgMode

2026-07-06 13:13:05 +00:00
parent 239640975f
commit 2631e6ce4a
1 changed files with 2 additions and 1 deletions
@@ -7,6 +7,7 @@ interface Props {

 export function DeviceSettingsModal({ onClose }: Props) {
  const room = useVoiceStore((s) => s._room);
+  const bgMode = useVoiceStore((s) => s.bgMode);
  const [audioInputs, setAudioInputs] = useState<MediaDeviceInfo[]>([]);
  const [audioOutputs, setAudioOutputs] = useState<MediaDeviceInfo[]>([]);
  const [videoInputs, setVideoInputs] = useState<MediaDeviceInfo[]>([]);
@@ -106,7 +107,7 @@ export function DeviceSettingsModal({ onClose }: Props) {
          <div>
            <label className="block text-xxs text-gb-fg-s mb-1">Background Effect</label>
            <select 
-              value={useVoiceStore((s) => s.bgMode)}
+              value={bgMode}
              onChange={(e) => {
                const mode = e.target.value as 'disabled' | 'background-blur' | 'virtual-background';
                if (mode === 'virtual-background') {