You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
692 B
32 lines
692 B
"use client";
|
|
|
|
import { useQuery } from "@tanstack/react-query";
|
|
import { useSearchParams } from "next/navigation";
|
|
import { useMemo } from "react";
|
|
|
|
import { useClient } from "@/hooks/useClient";
|
|
|
|
import { Component } from "@/typings/component";
|
|
|
|
export const Watch: Component = () => {
|
|
const client = useClient();
|
|
|
|
const searchParams = useSearchParams();
|
|
|
|
const videoId = searchParams.get("v") as string;
|
|
|
|
const videoIdIsInvalid = useMemo(() => videoId === null, [videoId]);
|
|
|
|
const { data, error } = useQuery({
|
|
queryKey: ["watch", videoId],
|
|
queryFn: () => {
|
|
return client.getStream(videoId);
|
|
},
|
|
enabled: !videoIdIsInvalid
|
|
});
|
|
|
|
console.log(data, error);
|
|
|
|
return <></>;
|
|
};
|