Loading, error ও retry state

const [state, setState] = useState({
  loading: true,
  error: null,
  tasks: [],
});

useEffect(() => {
  fetchTasks()
    .then((tasks) => setState({ loading: false, error: null, tasks }))
    .catch((error) =>
      setState({ loading: false, error, tasks: [] })
    );
}, []);

if (state.loading) return <ActivityIndicator size="large" />;

if (state.error) {
  return (
    <View>
      <Text>লোড করা যায়নি</Text>
      <Pressable onPress={reload}>
        <Text>আবার চেষ্টা</Text>
      </Pressable>
    </View>
  );
}

return <FlatList data={state.tasks} refreshing={reloading} onRefresh={reload} />;