🐛 Fix: params에서 accountname을 가져오지 못하는 문제 해결

FRONTENDSCHOOL5 · Nov 28, 2023 · d8109d3 · d8109d3
1 parent 90e661b
commit d8109d3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/FollowListPage/FollowerListPage/FollowerListPage.jsx b/src/pages/FollowListPage/FollowerListPage/FollowerListPage.jsx
@@ -20,19 +20,19 @@ import {
 } from './FollowerListPageStyle';
 
 const FollowerListPage = () => {
-  const account = useParams().id;
+  const { accountname: accountName } = useParams();
   const isDarkMode = useRecoilValue(isDarkModeState);
   const [isLoading, setIsLoading] = useState(true);
   const [followings, setFollowings] = useState([]);
 
   useEffect(() => {
     const followList = async () => {
-      const data = await getFollowerList(account);
+      const data = await getFollowerList(accountName);
       setFollowings(data);
       setIsLoading(false);
     };
     followList();
-  }, [account]);
+  }, [accountName]);
 
   return (
     <>

diff --git a/src/pages/FollowListPage/FollowingListPage/FollowingListPage.jsx b/src/pages/FollowListPage/FollowingListPage/FollowingListPage.jsx
@@ -21,20 +21,20 @@ import {
 
 
 const FollowingListPage = () => {
-  const account = useParams().id;
+  const { accountname: accountName } = useParams();
   const isDarkMode = useRecoilValue(isDarkModeState);
   const token = localStorage.getItem('token');
   const [isLoading, setIsLoading] = useState(true);
   const [followings, setFollowings] = useState([]);
 
   useEffect(() => {
     const followList = async () => {
-      const data = await getFollowingList(account);
+      const data = await getFollowingList(accountName);
       setFollowings(data);
       setIsLoading(false);
     };
     followList();
-  }, [account, token]);
+  }, [accountName, token]);
 
   return (
     <>