diff --git a/app/public/content/audio/detail/[id]/page.tsx b/app/public/content/audio/detail/[id]/page.tsx
index db7ae41..6220f4b 100644
--- a/app/public/content/audio/detail/[id]/page.tsx
+++ b/app/public/content/audio/detail/[id]/page.tsx
@@ -1,10 +1,9 @@
 import AudioDetail from "@/components/main/content/audio-detail";
-import DetailVideo from "@/components/main/content/video-detail";
 
 interface DetailInfoProps {
-  params: { id: string };
+  params: { id: any };
 }
 
 export default async function DetailInfo({ params }: DetailInfoProps) {
-  return <AudioDetail id={params.id} />;
+  return <AudioDetail id={params?.id} />;
 }
diff --git a/components/main/content/audio-detail.tsx b/components/main/content/audio-detail.tsx
index 68d6e23..c1370e7 100644
--- a/components/main/content/audio-detail.tsx
+++ b/components/main/content/audio-detail.tsx
@@ -16,9 +16,6 @@ import {
   FaShareAlt,
 } from "react-icons/fa";
 import { getDetail } from "@/service/landing/landing";
-import VideoPlayer from "@/utils/video-player";
-import { toBase64, shimmer } from "@/utils/globals";
-import { Skeleton } from "@/components/ui/skeleton";
 
 export default function AudioDetail({ id }: { id: string }) {
   const [copied, setCopied] = useState(false);