useEffect1.js

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

function DemoComponent() {
  const [data, setData] = useState()
  const url = 'http://dummy.restapiexample.com/api/v1/employees' // sample api  
  const [isLoading, setIsLoading] = useState(false)
  const [isError, setIsError] = useState(false)

  useEffect(() => {
    const fetchData = async () => {
      setIsError(false)
      setIsLoading(true)
      
      try {
        const result = await axios(url)
        setData(result.data)
      } catch (error) {
        setIsError(true)
      }

      setIsLoading(false)
    }

    fetchData()
  }, [])

  return (...)
}