fix: react hooks must be called in the exact same order in every comp…

…onent render
daodaoedu · Jun 9, 2024 · 9b376eb · 9b376eb
1 parent a8158b4
commit 9b376eb
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/Profile/MyGroup/index.jsx b/components/Profile/MyGroup/index.jsx
@@ -24,10 +24,6 @@ const StyledGroupsWrapper = styled.div`
 `;
 
 const MyGroup = ({ hasTitle = true, sx, userId }) => {
-  if (!userId) {
-    return <Typography py={7.5}>趕快發起屬於你的揪團吧～</Typography>;
-  }
-
   const [response, setResponse] = useState(null);
   const { isFetching } = useFetch(`/activity/user/${userId}`, {
     enabled: !!userId,
@@ -74,6 +70,10 @@ const MyGroup = ({ hasTitle = true, sx, userId }) => {
     });
   };
 
+  if (!userId) {
+    return <Typography py={7.5}>趕快發起屬於你的揪團吧～</Typography>;
+  }
+
   return (
     <StyledGroupsWrapper sx={sx}>
       {hasTitle && (