Merge pull request #8 from SeolJaeHyeok/feature/main-page-3

fix: 불필요한 suspense 제거
pagers-org · Oct 4, 2023 · 64eacce · 64eacce
2 parents ace9f1a + ce905a8
commit 64eacce
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 13 deletions.
diff --git a/apps/client/components/home/index.tsx b/apps/client/components/home/index.tsx
@@ -51,18 +51,10 @@ export default function HomeComponent(): TReturnComponent {
                 <div className="row">
                     <div className="col-md-9">
                         <ErrorBoundary fallback={<div>Feed Error</div>}>
-                            <Suspense fallback={<div>Feed Loading ...</div>}>
-                                <FeedToggle />
-                            </Suspense>
+                            <FeedToggle />
                         </ErrorBoundary>
                         <ErrorBoundary fallback={<div>articleList Error</div>}>
-                            <Suspense
-                                fallback={<div>articleList Loading ...</div>}
-                            >
-                                <ArticleList
-                                    articleListData={articleListData}
-                                />
-                            </Suspense>
+                            <ArticleList articleListData={articleListData} />
                         </ErrorBoundary>
                         {totalCnt > 0 && (
                             <Pagination
@@ -75,9 +67,7 @@ export default function HomeComponent(): TReturnComponent {
                     </div>
                     <div className="col-md-3">
                         <ErrorBoundary fallback={<div>tag Error</div>}>
-                            <Suspense fallback={<div>tag loading...</div>}>
-                                <TagList />
-                            </Suspense>
+                            <TagList />
                         </ErrorBoundary>
                     </div>
                 </div>

diff --git a/apps/client/components/home/tag-list/index.tsx b/apps/client/components/home/tag-list/index.tsx
@@ -4,6 +4,7 @@ import { useQuery } from '@tanstack/react-query';
 import { tagKeys } from 'config/react-query/query-key-factory';
 import request from 'graphql-request';
 import Link from 'next/link';
+import { useEffect } from 'react';
 
 export default function TagList() {
     const { data } = useQuery({