Я пытаюсь получить данные о сообщениях, отображаемых из firebase, с помощью прослушивателя onSnapshot, но он показывает эту ошибку Firebase. Может ли кто-нибудь помочь с этой ошибкой
App.js:
import { useState, useEffect } from 'react';
import './App.css';
import loggo from './icons/loggo.svg';
import Post from './Components/Post.js';
import { db } from './firebase';
function App() {
const [posts, setPosts] = useState([]);
useEffect(() => {
db.collection('posts').onSnapshot(snapshot => {
setPosts(snapshot.docs.map(doc => doc.data()));
})
}, []);
return (
<div className="App">
<div className="app_header">
<img className="header_Image" src={loggo} alt="insta" />
</div>
{
posts.map(post => (
<Post username={post.username} caption={post.caption} imageUrl={post.imageUrl} />
))
}
</div >
);
}
export default App;