Почему использование действует дважды при начальном рендеринге даже с пустой массией зависимостей? [дублировать] ⇐ Javascript

[Anonymous]

Я работаю над небольшим проектом React и использую useeffect для извлечения данных из API, когда компонент загружается. Я использовал пустой массив зависимостей, чтобы он запустил только один раз, но, похоже, он стрелял дважды при начальном рендере в разработке.
Вот мой упрощенный код:
import { useEffect, useState } from "react";

function Users() {
const [users, setUsers] = useState([]);

useEffect(() => {
console.log("Fetching users...");
fetch("https://jsonplaceholder.typicode.com/users")
.then((res) => res.json())
.then((data) => setUsers(data));
}, []);

return (

User List

• {users.map((user) => (
• {user.name}
  ))}

);
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... ndency-arr