Пользовательский хук React `useFetch` - нужно ли поддерживать несколько состояний?

Я реализовал собственный хук useFetch, так что поищите в моем приложении:

import { useEffect, useState } from 'react'

const useFetch = ({ url, defaultData = null }) => {
  const [data, setData] = useState(defaultData)
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState(null)

  useEffect(() => {
    fetch(url)
      .then(res => res.json())
      .then(res => {
        setData(res)
        setLoading(false)
      })
      .catch(err => {
        setError(err)
        setLoading(false)
      })
  }, [])

  return [data, loading, error]
}

export default useFetch

Тогда мне пришло в голову ... это будет использоваться во всем приложении. Как он узнает, какой данные / загрузка / ошибка принадлежит какому вызову? Когда я использую useFetch в первый раз, а затем следует другое использование сразу после него где-то еще в приложении, отслеживает ли React, какие внутренние переменные состояния принадлежат какому вызову хука?

Затем я подумал, что, возможно, мне нужно сделать что-то еще в строках Redux и самому отслеживать все вызовы пользовательского хука с помощью хука useReducer:

import { useEffect, useReducer } from 'react'

const reducer = (state, action) => {
  const { url, data, err } = action
  const currentState = state[url]

  switch (action.type) {
    case 'fetching':
      return { ...state, [url]: { ...currentState, loading: true } }
    case 'success':
      return { ...state, [url]: { ...currentState, loading: false, data } }
    case 'fail':
      return { ...state, [url]: { ...currentState, loading: false, err } }
    default:
      return state
  }
}

const useFetch = ({ url, defaultData = null }) => {
  const [state, dispatch] = useReducer(reducer, {}, { type: 'fetching', url })
  const { data: d, loading: l, err: e } = state[url]

  useEffect(() => {
    fetch(url)
      .then(res => res.json())
      .then(data => dispatch({ type: 'success', url, data }))
      .catch(err => dispatch({ type: 'fail', err }))
  }, [])

  return [d || defaultData, l, e]
}

export default useFetch

Нужно ли мне вручную отслеживать все звонки на useFetch, как во 2-м примере? Или React справляется с этим внутренне, и мне нужен только 1-й пример?