'use client'; import Link from "next/link"; import { useEffect } from 'react'; import { categories } from "@/data/categories"; import ArticleItem from "@/components/shared/ArticleItem"; export default function ArticleCategory({ slug }: any) { useEffect(() => { document.body.style.background = '#F5F8FF'; }, []); console.log('slug: ', slug) const { article } = categories.article.all_category const categoryList = slug.children.length > 0 ? slug.children : article console.log('categoryList: ', categoryList) return ( <>