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

const useURLLoader = (url: string, deps: any[] = []) => {
    const [data, setData] = useState<any>({
        loading: true,
        message: null
    })
    const [loading, setLoading] = useState(false)
    useEffect(() => {
        setLoading(true)
        console.log('wjclog axios get')
        axios.get(url).then(result => {
            console.log('wjclog axios got')
            setData(result.data)
            setLoading(false)
        })
    }, deps)
    return [data, loading]
}

export default useURLLoader

const [data, loading] = useURLLoader('https://dog.ceo/api/breeds/image/random')