React-Hooks-Article: Load data Function component with cleanup

LoadDataFunction.tsx

useEffect(() => {
  const controller = new AbortController()

  fetch("/some-data.json", { signal: controller.signal })
    .then((response) => response.json())
    .then((data) => {
      setData(data)
    })

  return () => {
    controller.abort()
  }
})