Expo VideoThumbnails

import { useState } from 'react';
import { StyleSheet, Button, View, Image, Text } from 'react-native';
import * as VideoThumbnails from 'expo-video-thumbnails';

export default function App() {
const [image, setImage] = useState(null);

const generateThumbnail = async () => {
  try {
    const { uri } = await VideoThumbnails.getThumbnailAsync(
      'https://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4',
      {
        time: 15000,
      }
    );
    setImage(uri);
  } catch (e) {
    console.warn(e);
  }
};

return (
  <View style={styles.container}>
    <Button onPress={generateThumbnail} title="Generate thumbnail" />
    {image && <Image source={{ uri: image }} style={styles.image} />}
    <Text>{image}</Text>
  </View>
);
}

const styles = StyleSheet.create({
container: {
  flex: 1,
  justifyContent: 'center',
  alignItems: 'center',
  backgroundColor: '#F5FCFF',
},
image: {
  width: 200,
  height: 200,
},
});