Code QuizAdvanced

useEffect Infinite Loop

Spot why this data-fetching effect runs endlessly and re-renders forever.

Codejavascript

function UserProfile({ userId }) {
  const [user, setUser] = useState(null);

  useEffect(() => {
    fetch(`/api/users/${userId}`)
      .then((res) => res.json())
      .then((data) => setUser(data));
  });

  return <div>{user ? user.name : 'Loading...'}</div>;
}

What is the bug in this useEffect code?

Next →useEffect for Side Effects