fix bugs

Author: SupertigerDev

App.tsx

@@ -142,7 +142,13 @@ function App(): JSX.Element {
         onVideoClick={setVideoUrl}
       />
       <Show when={videoUrl}>
-        <CustomVideo ref={videoRef} videoUrl={videoUrl!} />
+        <CustomVideo
+          ref={videoRef}
+          videoUrl={videoUrl!}
+          onVideoEnd={() => {
+            setVideoUrl(null);
+          }}
+        />
       </Show>
     </>
   );

src/components/ui/CustomVideo.tsx

@@ -4,7 +4,7 @@ import Video, {VideoRef} from 'react-native-video';
 
 export interface CustomVideoProps {
   videoUrl: string;
-  onVideoEnd?: () => void;
+  onVideoEnd: () => void;
 }
 
 export interface CustomVideoRef {
@@ -18,7 +18,7 @@ export const CustomVideo = forwardRef<CustomVideoRef, CustomVideoProps>(
     useImperativeHandle(ref, () => ({
       stopVideo: () => {
         videoRef.current?.setFullScreen(false);
-        props.onVideoEnd?.();
+        props.onVideoEnd();
       },
     }));
 
@@ -30,7 +30,6 @@ export const CustomVideo = forwardRef<CustomVideoRef, CustomVideoProps>(
         fullscreen
         playInBackground={false}
         style={styles.container}
-        onEnd={props.onVideoEnd}
       />
     );
   },