Using the react-query library

npm install react-query

import { QueryClient, QueryClientProvider } from 'react-query';

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      {/* Your application components here */}
    </QueryClientProvider>
  );
}

import { useQuery } from 'react-query';

function Example() {
  const { data, status } = useQuery('data', () => axios.get('https://api.example.com/data'));

  if (status === 'loading') return <div>Loading...</div>;
  if (status === 'error') return <div>Error</div>;

  return (
    <div>
      {data.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
}

const { data, status } = useQuery('data', () => axios.get('https://api.example.com/data'), {
  retry: 3,
  retryDelay: 1000,
  stale

In this example, the `useQuery` Hook takes 3 arguments: the key of the query, 
the function that returns the data, 
and the options. The key is used to identify the query and determine if it should be refetched or not. 
The function that returns the data can be a promise or a callback. 

The options are used to customize the behavior of the query, 
such as retrying the request on failure, or setting a stale time after which the data should be refetched.

It is important to note that `react-query` provides a lot of features such as caching, refetching, pagination, 
and more that help you to handle the API requests easily.

Please note that in this example, `https://api.example.com/data` should be replaced with the actual 
API endpoint you want to fetch data from.