diff --git a/resources/js/Pages/Courses/Player.tsx b/resources/js/Pages/Courses/Player.tsx
index 4569dd4..de0224d 100644
--- a/resources/js/Pages/Courses/Player.tsx
+++ b/resources/js/Pages/Courses/Player.tsx
@@ -1,6 +1,6 @@
 import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout';
 import { Head, Link, router } from '@inertiajs/react';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Plyr } from 'plyr-react';
 import 'plyr-react/plyr.css';
 import {