ExpoのVideo componentのrefの型を知りたいです

Question

ExpoのVideo componentのUsageをTypeScriptで書き直しました。

最下段に記載しましたのソースの

video.current.pauseAsync();
video.current.playAsync();

の部分で、2つのESlintによるエラーがでます。
エラーは以下のとおりです。

• プロパティ 'pauseAsync' は型 'never' に存在しません。ts(2339)
• Unsafe call of an any typed value.eslint@typescript-eslint/no-unsafe-call

おそらく、
const video = React.useRef(null);
のuseRefに型を設定すればよいと思ったのですが、どんな型を設定すればよいかわかりませんでした。
Webの場合はuseRef<HTMLVideoElement>(null)としておりました。

import * as React from 'react';
import { View, StyleSheet, Button } from 'react-native';
import { Video, AVPlaybackStatus, ResizeMode } from 'expo-av';
const VideoFrame = () => {
  const video = React.useRef(null);
  const [status, setStatus] = React.useState<AVPlaybackStatus>();
  const handlePress = () => {
    if (video.current == null) {
      return;
    }
    if (status?.isLoaded) {
      if (status.isPlaying) {
        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
        video.current.pauseAsync();
      } else {
        video.current.playAsync();
      }
    }
    // status?.isLoaded &&
    //   ? video.current.pauseAsync()
    //   : video.current.playAsync();
  };
  return (
    <View style={styles.container}>
      <Video
        ref={video}
        style={styles.video}
        source={{
          uri: 'https://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4',
        }}
        useNativeControls
        resizeMode={ResizeMode.CONTAIN}
        // resizeMode="contain"
        isLooping
        onPlaybackStatusUpdate={(videoStatus) => setStatus(() => videoStatus)}
      />
      <View style={styles.buttons}>
        <Button
          title={status?.isLoaded && status.isPlaying ? 'Pause' : 'Play'}
          onPress={handlePress}
        />
      </View>
    </View>
  );
};
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    backgroundColor: '#ecf0f1',
  },
  video: {
    alignSelf: 'center',
    width: 320,
    height: 200,
  },
  buttons: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
  },
});
export default VideoFrame;

Answer 1

import { View} from 'react-native';
const video = React.useRef<Video>(null);

で解決いたしました。

ExpoのVideoのマニュアルにFor more advanced examples, check out the Playlist example, and the custom VideoPlayer controls component that wraps <Video>, adds custom controls and use the <Video> API extensively. The VideoPlayer controls is used in this app.とありまして、custom VideoPlayer controls componentの先のソースを見たところ、

let playbackInstance: Video | null = null

とありました。
そこで

const video = React.useRef<Video>(null);

としたところ、エラーが消えました。