Custom HTTP request using custom React hook

useFetch.js

import { useEffect, useState } from 'react';

export const useFetch = url => {
	const [info, setInfo] = useState({ data: null, loading: true });

	useEffect(() => {
		setInfo({ data: null, loading: true });
		fetch(url)
			.then(x => x.text())
			.then(y => {
				setInfo({ data: y, loading: false});
			});
	}, [url]);
}


// OR 

export const useFetch = url => {
	const [info, setInfo] = useState({ data: null, loading: true });

	useEffect(() => {
		setInfo(info => { data: info.data, loading: true });
		fetch(url)
			.then(x => x.text())
			.then(y => {
				setInfo({ data: y, loading: false});
			});
	}, [url, setInfo]);
}