useEffect(() => {
  const controller = new AbortController();
 
  async function fetchData() {
    try {
      const res = await fetch('/api/data', { signal: controller.signal });
      const data = await res.json();
      setData(data);
    } catch (err) {
      if (err.name !== 'AbortError') console.error(err);
    }
  }
 
  fetchData();
  return () => controller.abort();
}, [id]);