React useEffect 클린업 함수에서 abort controller가 작동하지 않아 메모리 누수 발생

React 컴포넌트에서 API 호출을 하고 있는데, 컴포넌트가 unmount 되어도 fetch가 계속 진행됩니다. AbortController를 사용했는데도 콘솔에 "Can't perform a React state update on an unmounted component" 경고가 나옵니다.

useEffect(() => {
  const controller = new AbortController()
  fetch("/api/data", { signal: controller.signal })
    .then(res => res.json())
    .then(data => setData(data))
  return () => controller.abort()
}, [])