merdan
/
turkmen-tv-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: await params in dynamic route for Next.js 15 compatibility 

In Next.js 15, dynamic route params are now Promises and must be
awaited before accessing properties.
This commit is contained in:
Atash03 2026-01-24 16:48:35 +05:00
parent 687f5aab4e
commit 8c924c0b27
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/(main)/treasury/[video_id]/page.tsx
View File

@ -10,20 +10,21 @@ import { Suspense } from 'react';
import Loader from '@/components/Loader';
interface IParams {
params: {
params: Promise<{
video_id: number;
category_id: string;
content_url: string;
banner_url: string;
};
}>;
}
const VideoItem = async ({ params }: IParams) => {
const { video_id } = await params;
const queryClient = getQueryClient();
await queryClient.prefetchQuery({
queryKey: ['video', `video:${params.video_id}`],
queryFn: () => Queries.getVideo(params.video_id),
queryKey: ['video', `video:${video_id}`],
queryFn: () => Queries.getVideo(video_id),
});
await queryClient.prefetchInfiniteQuery({
queryKey: ['video', 'all'],
@ -57,7 +58,7 @@ const VideoItem = async ({ params }: IParams) => {
<Loader height={700} />
</div>
}>
<InfoBlock video_id={params.video_id} />
<InfoBlock video_id={video_id} />
</Suspense>
<div className="video-item-inner w-full flex flex-col gap-4">