useEffect(() => {
  const controller = new AbortController();
  const signal = controller.signal;

  fetch(`/api/users/${id}`, { signal }
    .then((res) => res.json())
    .then(data) => {
      setUser(data);
    });

    return () => {
      controller.abort();
    }
}, [id])