Demo

Usage

const imageSrc = '/api/images/simple'; 
const {isImageFetching} = useTheImageLoader({imageSrc}); 
return (
  <Flex>
    {isImageFetching ? (
      <Spinner />
    ) : (
      <Card extend={{ maxWidth: '600px' }}>
        <Image
          extend={{ width: '100%', height: 'auto' }}
          src={imageSrc}
          alt="Field flowers"
        />
      </Card>
    )}
  </Flex>
);