리액트에서 파이어베이스 설치및 데이터 출력 관련

<span style="color: #ff0000;">Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: FirebaseError: [code=permission-denied]: Permission denied on resource project test-78694.
<span style="color: #000000;">
처음으로 데이터를 출력하고자 하는데
</span><span style="color: #000000;">위와 같은 에러가 발생하고 있습니다.

리액트에서 8.6.5 버전으로 설치했고  파이어 베이스 버전은 8.6.5 입니다.

퍼미션 에러가 발생했다고 생각해서 규칙에서 false를 true로 바꾸어 주었습니다.

그리고 filebase-tools를 반드시 설치해주어야 하나요 ???

--------------------------------------------

api 키 문제였습니다.. 그러나 여전히 res.data는 undefined가 출력되고있습니다

------ 수정

  db.collection("product")
    .get()
    .then((_snapshot) => {
      _snapshot.forEach((doc) => {
        console.log(`${doc.id} => ${JSON.stringify(doc.data())}`);
      });
    });

예제에서는 결과.data로 간단하게 출력이 됐는데 왜 저는 이런 복잡한 과정을 거쳐야하는지 모르겠습니다 ㅠㅠㅠ

 
</span>
</span>