Объекты недопустимы как дочерние элементы React (найдено: [обещание объекта]). Я не получаю идентификатор продукта в ссылке

Question

На самом деле, я пытаюсь получить подробную информацию о продукте из продукта, который указан на странице списка продуктов, но выдает ошибку, сообщая неопределенный идентификатор в этой строке href: /product?_id=${product._id}

function ProductList({ products }) {
  function mapProductsToItems(products) {
    return products.products.map(product => ({
      header: product.name,
      image: product.mediaUrl,
      meta: `$${product.price}`,
      color: 'teal',
      fluid: true,
      childkey: product._id,
      href: `/product?_id=${product._id}`
    }));
  }
}

вот что я получаю ошибки:

Объекты недопустимы как дочерние элементы React (найдено: [обещание объекта]). Если вы хотите отобразить коллекцию дочерних элементов, используйте вместо этого массив. в Unknown (в _app.js: 19) в div в контейнере (в Layout.js: 22) в Fragment in Layout (в _app.js: 18) в MyApp в Context.Provider в Context.Provider в Context.Provider в Context.Provider в нарушении инварианта AppContainer: объекты недопустимы как дочерний элемент React (найдено: [обещание объекта]). Если вы хотели отобразить коллекцию дочерних элементов, используйте вместо этого массив.