overlay.ts

const showVideoOverlay = useSharedValue(0 as number);
const [overlayVisible, setOverlayVisible] = useState(false as boolean);

const videoOverlayStyle = useAnimatedStyle(() => {
    return {
      opacity: showVideoOverlay.value,
    };
  });

 const showVideo = () => {
    trackCourseVideoOpened(result?.id);
    setOverlayVisible(true);
    showVideoOverlay.value = withTiming(1);
  };

  const hideOverlay = () => {
    setOverlayVisible(false);
  };

  const hideVideo = () => {
    trackCourseVideoClosed(result?.id);
    showVideoOverlay.value = withTiming(0, undefined, () => {
      runOnJS(hideOverlay);
    });
  };

return (
...
{result.courseVideo && overlayVisible && (
          <Animated.View style={[styles.videoOverlay, videoOverlayStyle]}>
            ...
          </Animated.View>
)}
...
);