header.tsx, FilterCompnent.tsx - useSearchParams를 사용하면 Suspense로 감싸줘야 합니다. missing-suspense-with-csr-bailout 참고 -> 우선은 문서처럼 Suspense로 감싸서 해결했는데, loading.tsx로 해결하는 방법도 있습니다. 어떤 방법이 더 적절한지는 페이지에 따라 달라질 수 있을 것 같아요.
search/page.tsx - 페이지 컴포넌트에서는 useSearchParams 대신 props로 searchParams를 받아올 수 있습니다.
(default)/page.tsx - mockImages를 export 해서 발생한 문제 -> next의 페이지 컴포넌트에서는 정해진 이름을 제외하고는 export를 하면 안 됩니다. e.g. dynamic, generateStaticParams
(details)/[id]/page.tsx - reviews 타입 에러 -> productTypes의 Product 타입에 reviews?: string[]를 임시로 추가해서 해결
Breadcrumb.tsx - 파일 위치 이동 또는 머지하면서 필요한 파일을 찾지 못하는 문제 -> 임시 타입을 만들어서 해결
commerce-client-web을 빌드할 때 에러가 발생해서 수정한 내용입니다.header.tsx,FilterCompnent.tsx-useSearchParams를 사용하면Suspense로 감싸줘야 합니다. missing-suspense-with-csr-bailout 참고 -> 우선은 문서처럼Suspense로 감싸서 해결했는데,loading.tsx로 해결하는 방법도 있습니다. 어떤 방법이 더 적절한지는 페이지에 따라 달라질 수 있을 것 같아요.search/page.tsx- 페이지 컴포넌트에서는useSearchParams대신props로searchParams를 받아올 수 있습니다.(default)/page.tsx-mockImages를export해서 발생한 문제 -> next의 페이지 컴포넌트에서는 정해진 이름을 제외하고는export를 하면 안 됩니다. e.g.dynamic,generateStaticParams(details)/[id]/page.tsx-reviews타입 에러 ->productTypes의Product타입에reviews?: string[]를 임시로 추가해서 해결Breadcrumb.tsx- 파일 위치 이동 또는 머지하면서 필요한 파일을 찾지 못하는 문제 -> 임시 타입을 만들어서 해결