Merge pull request #99 from EmploymentRescueTeam/feature/#94

Fix:main page ssr 타입선언 구현
EmploymentRescueTeam · Nov 6, 2023 · 5bd2a08 · 5bd2a08
2 parents 2af0104 + 88a2cff
commit 5bd2a08
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/src/app/main/page.tsx b/src/app/main/page.tsx
@@ -2,7 +2,7 @@ import MainPage from '@/templates/main/mainPage';
 import { getProducts } from '@/api/service';
 
 export default async function Main() {
-  const data = await getProducts();
+  const { data } = await getProducts();
 
   return (
     <>

diff --git a/src/components/productList.tsx b/src/components/productList.tsx
@@ -1,11 +1,11 @@
-import { IProduct } from '@/types/interface';
+import { IProduct, IProductProps } from '@/types/interface';
 import ProductItem from './productItem';
 import '@/styles/components/productList.scss';
 
-export default function ProductList({ data }: { data: IProduct[] }) {
+export default function ProductList({ data }: IProductProps) {
   return (
     <ul className="products">
-      {data?.map((product: IProduct) => (
+      {data.map((product: IProduct) => (
         <ProductItem key={product.id} product={product} />
       ))}
     </ul>

diff --git a/src/templates/main/mainPage.tsx b/src/templates/main/mainPage.tsx
@@ -9,11 +9,9 @@ import { RxHamburgerMenu } from 'react-icons/rx';
 import Navbar from '@/components/navbar';
 import { useRouter } from 'next/navigation';
 import { useSearchParams } from 'next/navigation';
-interface MainPageProps {
-  data: any[]; // Use a more specific type based on your data structure
-}
+import { IProductProps } from '@/types/interface';
 
-export default function MainPage({ data }: MainPageProps) {
+export default function MainPage({ data }: IProductProps) {
   const categoryParams = useSearchParams();
   const category = categoryParams.get('category') || undefined;
 
@@ -39,6 +37,7 @@ export default function MainPage({ data }: MainPageProps) {
       </header>
       <section className="main__content">
         <ProductList data={data} />
+
         <AddBtn />
       </section>
       <Navbar />

diff --git a/src/types/interface.ts b/src/types/interface.ts
@@ -9,6 +9,10 @@ export interface IProduct {
   thumbnail: string;
 }
 
+export interface IProductProps {
+  data: IProduct[];
+}
+
 export type Product = {
   id: number;
   title: string;