fix

app/content/audio/detail/[id]/page.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useParams } from "next/navigation";
+import AudioDetail from "@/components/main/content/audio-detail";
+
+export default function DetailAudioInfo() {
+  const params = useParams();
+  const id = params?.id as string;
+
+  return <AudioDetail id={id} />;
+}

app/content/image/detail/[id]/page.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useParams } from "next/navigation";
+import ImageDetail from "@/components/main/content/image-detail";
+
+export default function DetailImageInfo() {
+  const params = useParams();
+  const id = params?.id as string;
+
+  return <ImageDetail id={id} />;
+}

app/content/text/detail/[id]/page.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useParams } from "next/navigation";
+import DocumentDetail from "@/components/main/content/document-detail";
+
+export default function DetailDocumentInfo() {
+  const params = useParams();
+  const id = params?.id as string;
+
+  return <DocumentDetail id={id} />;
+}

app/content/video/detail/[id]/page.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useParams } from "next/navigation";
+import DetailVideo from "@/components/main/content/video-detail";
+
+export default function DetailVideoInfo() {
+  const params = useParams();
+  const id = params?.id as string;
+
+  return <DetailVideo id={id} />;
+}

app/public/content/audio/detail/[id]/page.tsx

@@ -1,9 +0,0 @@
-import AudioDetail from "@/components/main/content/audio-detail";
-
-export default async function DetailInfo({
-  params,
-}: {
-  params: { id: string };
-}) {
-  return <AudioDetail id={params.id} />;
-}

app/public/content/image/detail/[id]/page.tsx

@@ -1,9 +0,0 @@
-import ImageDetail from "@/components/main/content/image-detail";
-
-interface DetailInfoProps {
-  params: { id: string };
-}
-
-export default async function DetailImageInfo({ params }: DetailInfoProps) {
-  return <ImageDetail id={params?.id} />;
-}

app/public/content/text/detail/[id]/page.tsx

@@ -1,9 +0,0 @@
-import DocumentDetail from "@/components/main/content/document-detail";
-
-interface DetailInfoProps {
-  params: { id: string };
-}
-
-export default async function DetailInfo({ params }: DetailInfoProps) {
-  return <DocumentDetail id={params.id} />;
-}

app/public/content/video/detail/[id]/page.tsx

@@ -1,9 +0,0 @@
-import DetailVideo from "@/components/main/content/video-detail";
-
-interface DetailInfoProps {
-  params: { id: string };
-}
-
-export default async function DetailInfo({ params }: DetailInfoProps) {
-  return <DetailVideo id={params.id} />;
-}