React fetch return undefined, пока на вкладке сети он отображается, но не отображается на странице

Поскольку вы возвращаете задачу как сам объект, вы не можете извлечь ее, а можете использовать как есть:

const todo = useFetch('http://localhost/todos/todosapi/todos/' + id);

Теперь вы можете получить доступ к свойствам.

Если вы хотите разрушить возврат, вам нужно снова обернуть ответ:

const getData = async () => {
    try {
        const response = await fetch(url)
        const data = await response.json();
        setData(data)
    } catch (error) {
        console.error("Error from Fetch:", error);
    }
  }
  return {todo: data};
 }

Чтобы уменьшить количество вызовов, которые вам нужно сделать, и кэшировать данные, проверьте response-query.