only show video once

src/screens/Studio/Compose.js

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { View } from 'react-native'
+import { useIsFocused } from '@react-navigation/native'
 import { background } from '../../assets'
 import FullscreenIntroVideo from '../../components/FullscreenIntroVideo'
 import GradientButton from '../../components/GradientButton'
@@ -13,6 +14,7 @@ import { isWeb } from '../../hooks/useLayoutType'
 
 const Compose = () => {
   const { videos } = useUserData()
+  const isFocused = useIsFocused()
 
   const [videoUrl, setVideoUrl] = useState(null)
 
@@ -40,7 +42,11 @@ const Compose = () => {
           />
         </View>
       </View>
-      <FullscreenIntroVideo visible={!!videoUrl} url={videoUrl} onClose={() => setVideoUrl(null)} />
+      <FullscreenIntroVideo
+        visible={isFocused && !!videoUrl}
+        url={videoUrl}
+        onClose={() => setVideoUrl(null)}
+      />
     </Page>
   )
 }