diff --git a/src/routes/Player/ControlBar/ControlBar.js b/src/routes/Player/ControlBar/ControlBar.js
index ad6c8478f..324f5b41e 100644
--- a/src/routes/Player/ControlBar/ControlBar.js
+++ b/src/routes/Player/ControlBar/ControlBar.js
@@ -30,7 +30,7 @@ const ControlBar = ({
...props
}) => {
const { chromecast } = useServices();
- const [chromecastActive, setChromecastActive] = React.useState(() => chromecast.active);
+ const [chromecastServiceActive, setChromecastServiceActive] = React.useState(() => chromecast.active);
const onSubtitlesButtonMouseDown = React.useCallback((event) => {
event.nativeEvent.subtitlesMenuClosePrevented = true;
}, []);
@@ -74,7 +74,7 @@ const ControlBar = ({
}, []);
React.useEffect(() => {
const onStateChanged = () => {
- setChromecastActive(chromecast.active);
+ setChromecastServiceActive(chromecast.active);
};
chromecast.on('stateChanged', onStateChanged);
return () => {
@@ -117,7 +117,7 @@ const ControlBar = ({
-