feat : Add useTopicsQuery hook to TopicCardContainer

woowacourse-teams · Jan 14, 2024 · fed8719 · fed8719
1 parent 13da280
commit fed8719
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/frontend/src/components/TopicCardContainer/index.tsx b/frontend/src/components/TopicCardContainer/index.tsx
@@ -3,6 +3,7 @@ import { useEffect, useState } from 'react';
 import { styled } from 'styled-components';
 
 import useGet from '../../apiHooks/useGet';
+import useTopicsQuery from '../../hooks/api/useTopicsQuery';
 import useKeyDown from '../../hooks/useKeyDown';
 import { TopicCardProps } from '../../types/Topic';
 import Box from '../common/Box';
@@ -25,7 +26,7 @@ function TopicCardContainer({
   containerDescription,
   routeWhenSeeAll,
 }: TopicCardContainerProps) {
-  const [topics, setTopics] = useState<TopicCardProps[] | null>(null);
+  const [_, setTopics] = useState<TopicCardProps[] | null>(null);
   const { elementRef, onElementKeyDown } = useKeyDown<HTMLSpanElement>();
   const { fetchGet } = useGet();
 
@@ -38,10 +39,7 @@ function TopicCardContainer({
       },
     );
   };
-
-  useEffect(() => {
-    setTopicsFromServer();
-  }, []);
+  const { topics } = useTopicsQuery(url);
 
   return (
     <section>