Renamed casting to isCasting

src/video/components/actions/CaptionRendererAction.tsx

@@ -53,7 +53,7 @@ export function CaptionRendererAction({
   const videoTime = useProgress(descriptor).time;
   const { captionSettings, setCaptionDelay } = useSettings();
   const captions = useRef<ContentCaption[]>([]);
-  const casting = getPlayerState(descriptor).casting.isCasting;
+  const isCasting = getPlayerState(descriptor).casting.isCasting;
 
   const captionSetRef = useRef<(delay: number) => void>(setCaptionDelay);
   useEffect(() => {
@@ -98,7 +98,7 @@ export function CaptionRendererAction({
     },
     []
   );
-  if (casting) return null;
+  if (isCasting) return null;
   if (!captions.current.length) return null;
   const visibileCaptions = captions.current.filter(({ start, end }) =>
     isVisible(start, end, captionSettings.delay, videoTime)

src/video/components/actions/ProgressAction.tsx

@@ -22,7 +22,7 @@ export function ProgressAction() {
   const controlRef = useRef<typeof controls>(controls);
   const [hoverPosition, setHoverPosition] = useState<number>(0);
   const [isThumbnailVisible, setIsThumbnailVisible] = useState<boolean>(false);
-  const casting = getPlayerState(descriptor).casting.isCasting;
+  const isCasting = getPlayerState(descriptor).casting.isCasting;
   const onMouseOver = useCallback((e: MouseActivity) => {
     setHoverPosition(e.clientX);
     setIsThumbnailVisible(true);
@@ -107,7 +107,7 @@ export function ProgressAction() {
           </div>
         </div>
       </div>
-      {isThumbnailVisible && !casting ? (
+      {isThumbnailVisible && !isCasting ? (
         <ThumbnailAction
           parentRef={ref}
           videoTime={videoTime}