react – Não consigo coletar os dados do firebase firestore, alguém poderia me ajudar?

App.js

import React, { useEffect, useState } from 'react';
import './App.css';
import LivesRow from './components/LivesRow';
import FeaturedLive from './components/FeaturedLive'
import Header from './components/Header'
import Api from './Api'

export default () => {
  const (livesList, setLivesList) = useState(());
  const (indxLive, setIndxLive) = useState(0);

  useEffect(() => {
    const getList = async () => {
      let results = await Api.getLivesList();
      console.log(results);
      setLivesList(results);
    }

    getList();
  }, ());

  console.log(livesList);

  return(
    <div className="page">
      <Header />
      <FeaturedLive item={livesList(indxLive)} />
      <section className="list">
          <LivesRow items={livesList} click={(indx) => setIndxLive(indx)}/>
      </section>
    </div>
  );
}

Api.js

import firebase from 'firebase/app';
import 'firebase/firebase-firestore';
import firebaseConfig from './FirebaseConfig';

const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();

export default {
    getLivesList:async () => {
        let list = ();

        let results = await db.collection('Lives').get();
        results.forEach(result => {
            let data = result.data();

            list.push({
                title: data.title,
                expositor: data.expositor,
                cargo: data.cargo,
                date: data.date,
                vagas: data.vagas,
                img: data.img,
                indx: data.indx
            });
        });

        return list;
    }
}

FeaturedLive.js

import React from 'react';
import './FeaturedLive.css';

export default ({item}) => {
    let description = item.description;
    if(description.length > 200){
        description = description.substring(0, 200)+'...';
    }

    return(
        <section className="featured" style={{
            backgroundSize: 'cover',
            backgroundPosition: 'center',
            backgroundImage: `url(${item.img})`
        }}>
            <div className="featured--vertical">
                <div className="featured--horizontal">
                    <div className="featured--title">{item.title}</div>
                    <div className="featured--speaker">
                        <div className="featured--expositor">{item.expositor}</div>
                        <div className="featured--cargo">{item.cargo}</div>
                    </div>
                    <div className="featured--date">{item.date}</div>
                    <div className="featured--description">{description}</div>
                    <div className="featured--vagas">VAGAS: {item.vagas}</div>
                    <div className="featured--button">
                        <a href="" className="featured--watchbutton">Assistir</a>
                    </div>
                </div>
            </div>
        </section>
    );
}

Erro

TypeError: Cannot read property ‘description’ of undefined
push../src/components/FeaturedLive.js.webpack_exports.default
http://localhost:3000/static/js/main.chunk.js:686:26
683 | /* harmony default export */ webpack_exports(“default”) = (({
684 | item
685 | }) => {
686 | let description = item.description;
| ^ 687 |
688 | if (description.length > 200) {
689 | description = description.substring(0, 200) +