Почему Usestate не обновляется правильно в моем пользовательском крючке для использования? ⇐ Javascript

[Anonymous]

Я пытаюсь написать пользовательский крючок React, который получает данные. Кажется, он работает частично, но загрузка идет ложной до установки данных, и ошибка никогда не устанавливается, даже если запрос не стерж.import { useState, useEffect, useRef } from 'react';

const useFetch = (url, options = { method: "GET" }) => {
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
const [data, setData] = useState(null);
const abortControllerRef = useRef(null);

useEffect(() => {
(async () => {
abortControllerRef.current?.abort();
abortControllerRef.current = new AbortController();
setLoading(true);
try {
const response = await fetch(url, { ...options, signal: abortControllerRef.current?.signal })
if (!response.ok) throw new Error(`Failed to fetch data: ${response.statusText}`);
const result = await response.json();
setData(result);
} catch (err) {
setError(err);
} finally {
setLoading(false);
}
})();
}, ); return { loading, error, data }; } ... fetch-hook