fix: refetch useeffect dependency

bambu-group-03 · Nov 18, 2023 · cf50fce · cf50fce
1 parent 1b9f26d
commit cf50fce
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/screens/feed/comment-list.tsx b/src/screens/feed/comment-list.tsx
@@ -1,6 +1,6 @@
 import { useNavigation } from '@react-navigation/native';
 import type { AxiosInstance } from 'axios';
-import React, { useState } from 'react';
+import React from 'react';
 import { FlatList, RefreshControl } from 'react-native';
 
 import type { Snap } from '@/api';
@@ -32,7 +32,7 @@ export const Comments = ({
   const { navigate } = useNavigation();
 
   // State to track the number of items to render
-  const [renderCount, setRenderCount] = useState(INITIAL_RENDER);
+  const [renderCount, setRenderCount] = React.useState(INITIAL_RENDER);
 
   // Corrected renderItem function
   const renderItem = ({ item, index }: { item: Snap; index: number }) => {
@@ -70,12 +70,12 @@ export const Comments = ({
     );
   }
 
-  const [refresh, setRefresh] = useState(false);
+  const [refresh, setRefresh] = React.useState(false);
 
   let onRefresh = React.useCallback(() => {
     setRefresh(true);
     refetch().then(() => setRefresh(false));
-  }, []);
+  }, [refetch]);
 
   return (
     <>

diff --git a/src/screens/feed/list.tsx b/src/screens/feed/list.tsx
@@ -73,7 +73,7 @@ export const Feed = () => {
   let onRefresh = React.useCallback(() => {
     setRefresh(true);
     refetch().then(() => setRefresh(false));
-  }, []);
+  }, [refetch]);
 
   return (
     <View>

diff --git a/src/screens/profile/profile-snaps-view.tsx b/src/screens/profile/profile-snaps-view.tsx
@@ -1,6 +1,6 @@
 import { useNavigation } from '@react-navigation/native';
 import axios from 'axios';
-import React, { useState } from 'react';
+import React from 'react';
 import { FlatList, RefreshControl } from 'react-native'; // Import FlatList
 
 import type { Snap } from '@/api';
@@ -24,7 +24,7 @@ const ProfileSnapsView = ({ user }: { user: UserType | undefined }) => {
   });
 
   // State to track the number of items to render
-  const [renderCount, setRenderCount] = useState(INITIAL_RENDER);
+  const [renderCount, setRenderCount] = React.useState(INITIAL_RENDER);
 
   const client = axios.create({
     baseURL: BASE_INTERACTION_URL,
@@ -66,12 +66,12 @@ const ProfileSnapsView = ({ user }: { user: UserType | undefined }) => {
     );
   }
 
-  const [refresh, setRefresh] = useState(false);
+  const [refresh, setRefresh] = React.useState(false);
 
   let onRefresh = React.useCallback(() => {
     setRefresh(true);
     refetch().then(() => setRefresh(false));
-  }, []);
+  }, [refetch]);
 
   return (
     <>