diff --git a/app/pages/news-categories/index.tsx b/app/pages/news-categories/index.tsx
index 40fc18a..dab3dd1 100644
--- a/app/pages/news-categories/index.tsx
+++ b/app/pages/news-categories/index.tsx
@@ -1,17 +1,16 @@
-import { useParams, useRouteLoaderData } from 'react-router'
+import { useRouteLoaderData } from 'react-router'
 
 import { Card } from '~/components/ui/card'
 import { CategorySection } from '~/components/ui/category-section'
-import type { loader } from '~/routes/_news'
+import type { loader } from '~/routes/_news.category.$code'
 
 import { BERITA } from './data'
 
 export const NewsCategoriesPage = () => {
-  const parameters = useParams()
-  const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
-  const { name, description } =
-    loaderData?.categoriesData.find((item) => item.code === parameters.code) ||
-    {}
+  const loaderData = useRouteLoaderData<typeof loader>(
+    'routes/_news.category.$code',
+  )
+  const { name, description } = loaderData?.categoryData || {}
   const { items } = BERITA
 
   return (