useDataApi.js

import React, { useState, useEffect } from 'react';
import axios from 'axios';

// https://www.robinwieruch.de/react-hooks-fetch-data
const useDataApi = () => {
  const [items, setData] = useState();
  const [url, setUrl] = useState();
  const [isLoading, setIsLoading] = useState(false);
  const [isError, setIsError] = useState(false);

  useEffect(() => {
    let mounted = true;

    const fetchData = async () => {
      setIsError(false);
      setIsLoading(true);

      try {
        const result = await axios.get(`http://localhost:5000/api/lands`);

        if (mounted) {
          setData(result.data);
        }
      } catch (error) {
        setIsError(true);
      }
      setIsLoading(false);
    };

    fetchData();

    return () => {
      mounted = false;
    };
  }, []);

  return [{ items, isLoading, isError }];
};

export default useDataApi;