From 7c06e02a801ac297883f2f171839986164c815f3 Mon Sep 17 00:00:00 2001
From: therohantomar <therohantomar@gmail.com>
Date: Sat, 18 Nov 2023 17:22:24 +0530
Subject: [PATCH] watch page error cleared

---
 src/Components/WatchPage.tsx  | 14 +++++++++-----
 src/utils/hooks/useTrailer.ts |  2 +-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/Components/WatchPage.tsx b/src/Components/WatchPage.tsx
index 37e77b1..dac1411 100644
--- a/src/Components/WatchPage.tsx
+++ b/src/Components/WatchPage.tsx
@@ -1,14 +1,14 @@
 import { useParams } from "react-router-dom";
 import useTrailer from "../utils/hooks/useTrailer";
+import { TrailerInter } from "../utils/Interfaces";
+
 
 const WatchPage = () => {
   const { id } = useParams();
-  const { Trailer } = useTrailer(id);
-
-
-  return (
+  const  {Trailer}  = useTrailer(id) as {Trailer:TrailerInter}
 
-    <div className="realtive text-white w-full ">
+  if(Trailer){
+  return ( <div className="realtive text-white w-full ">
       <iframe
         className="w-full relative  h-screen"
         src={`https://www.youtube.com/embed/${Trailer?.key}?autoplay=1&controls=0&showinfo=0&rel=0`}
@@ -20,6 +20,10 @@ const WatchPage = () => {
       <span className="absolute top-96  bg-gray-400 opacity-50  left-0  text-4xl text-black"></span>
     </div>
   );
+
+}
 };
 
+
+
 export default WatchPage;
diff --git a/src/utils/hooks/useTrailer.ts b/src/utils/hooks/useTrailer.ts
index 93d7023..a868bce 100644
--- a/src/utils/hooks/useTrailer.ts
+++ b/src/utils/hooks/useTrailer.ts
@@ -2,7 +2,7 @@ import {useEffect, useState} from "react"
 import { TrailerInter } from "../Interfaces";
 
 export default function useTrailer(id:string | undefined){
-  const [Trailer, setTrailer] = useState<unknown | TrailerInter>({});
+  const [Trailer, setTrailer] = useState<TrailerInter>({id:"",name:"",key:""});
 
 
     useEffect(() => {