Почему выдаёт ошибку react?

Question

[bzotsss]

Здравствуйте , пытаюсь вернуть обьект из кастомного хука и при этом выдаёт ошибку

Error: Objects are not valid as a React child (found: object with keys {title, first, last}). If you meant to render a collection of children, use an array instead.

Вот код :

import { useState, useEffect } from "react";

export const useContacts = () => {
  const [data, setData] = useState([]);
  const [isLoading, setIsLoading] = useState(true);
  const [isError, setIsError] = useState(false);

  useEffect(() => {
    const getContacts = async () => {
      try {
        setIsLoading(true);
        const response = await fetch("https://randomuser.me/api/?results=10");
        const { results, error } = await response.json();
        console.log(results);
        if (error) {
          throw new Error(error);
        }
        setData(results);
      } catch (e) {
        setIsLoading(false);
        setIsError(false);
      } finally {
        setIsLoading(false);
      }
    };
    getContacts();
  }, []);
  return {
    data,
    isLoading,
    isError,
  };
};

Подскажите пожалуйста что я делаю не так ?

Comments

[WbICHA]

Возвращаешь объект вместо jsx.

[Alexandroppolus]

По моему, ошибка вообще не связана с этим хуком. Не вижу в коде объект {title, first, last}