Разбираюсь с механикой отлова ошибок try catch в хуке useEffect. Для этого в блоке try создаю свою ошибку через throw new Error и, как я думаю, дальше программа должна перейти в блок catch и на экране отобразятся консоль логи, но этого не происходит. Почему такое может быть?
useEffect(() => {
const fetchData = async () => {
setIsError(false);
setIsLoading(true);
try {
const response = await fetch(`/api/getCities?query=${query}`);
const body = await response.json();
if (response.status >= 500) {
throw new Error('Server Error');
}
//Создаю свою ошибку
throw new Error('My error');
setListCities(body);
} catch {
console.log('point 1');
setIsError(true);
console.log('point2');
}
setIsLoading(false);
};
fetchData();
}, [query]);