diff --git a/src/useAudioContext.tsx b/src/useAudioContext.tsx
index ac9ef408..1b00e82b 100644
--- a/src/useAudioContext.tsx
+++ b/src/useAudioContext.tsx
@@ -71,11 +71,6 @@ export function useAudioContext<S extends string>(
   props: Props<S>,
 ): UseAudioContext<S> | null {
   const [soundEffectVolume] = useSetting(soundEffectVolumeSetting);
-  const devices = useMediaDevices();
-  const audioOutputId = useObservableEagerState(
-    devices.audioOutput.selected$,
-  )?.id;
-  const { controlledAudioDevices } = useUrlParams();
   const [audioContext, setAudioContext] = useState<AudioContext>();
   const [audioBuffers, setAudioBuffers] = useState<Record<S, AudioBuffer>>();
 
@@ -112,6 +107,11 @@ export function useAudioContext<S extends string>(
     };
   }, [props.sounds, props.latencyHint]);
 
+  const audioOutputId = useObservableEagerState(
+    useMediaDevices().audioOutput.selected$,
+  )?.id;
+  const { controlledAudioDevices } = useUrlParams();
+
   // Update the sink ID whenever we change devices.
   useEffect(() => {
     if (