React custom hook

// useFetch.js
import { useState, useEffect } from 'react'

const useFetch = (url) => {
    const [data, setData] = useState(null)
    const fetchData = async () => {
        const response = await fetch(url)
        const json = await response.json()
        setData(json)
    }

    useEffect(() => {
        fetchData()
    }, [url])

    return [data, setData
}

export default useFetch

// component.jsx
import useFetch from '../hooks/useFetch'

export default function Component() {
    const [data, setData] = useFetch('https://jsonplaceholder.typicode.com/users')
    return (
        <div>
            {JSON.stringify(data)}
        </div>
    )
}