import { type NextPage } from "next"; import Head from "next/head"; import { api } from "~/utils/api"; import ReactPlayer from "react-player"; import { useRouter } from "next/router"; import Link from "next/link"; const VideoList: NextPage = () => { const router = useRouter(); const { videoId } = router.query as { videoId: string }; const { data: video, isError } = api.video.get.useQuery( { videoId }, { enabled: router.isReady, refetchOnWindowFocus: false, } ); if (isError) { return this video is not publicly available; } return ( <> Create T3 App
Screenity | {video?.title ?? ""}
Personal Library Share
{video?.video_url && ( )}
); }; export default VideoList;