diff --git a/src/renderer/src/pages/video/VideoList.tsx b/src/renderer/src/pages/video/VideoList.tsx
index 8ff7d288f6..60d3ba7449 100644
--- a/src/renderer/src/pages/video/VideoList.tsx
+++ b/src/renderer/src/pages/video/VideoList.tsx
@@ -17,6 +17,7 @@ export const VideoList = ({ videos, activeVideoId, setActiveVideoId }: VideoList
         onClick={() => setActiveVideoId(undefined)}>
         <PlusIcon size={24} />
       </div>
+      {/* {mockVideos.map((video) => ( */}
       {videos.map((video) => (
         <VideoListItem
           key={video.id}
diff --git a/src/renderer/src/pages/video/VideoPage.tsx b/src/renderer/src/pages/video/VideoPage.tsx
index 75143df4c5..6cfae2da73 100644
--- a/src/renderer/src/pages/video/VideoPage.tsx
+++ b/src/renderer/src/pages/video/VideoPage.tsx
@@ -48,7 +48,8 @@ export const VideoPage = () => {
   )
 
   const { videos } = useVideos(providerId)
-  const activeVideo = useMemo(() => videos.find((v) => v.id === activeVideoId), [activeVideoId])
+  // const activeVideo = useMemo(() => mockVideos.find((v) => v.id === activeVideoId), [activeVideoId])
+  const activeVideo = useMemo(() => videos.find((v) => v.id === activeVideoId), [activeVideoId, videos])
 
   return (
     <div className="flex flex-1 flex-col">