Me quedé atascado con este problema y no sé cómo solucionarlo. Configuré los accesorios del lado del servidor y está funcionando en la terminal en vscode, pero cuando inspecciono Chrome o trato de hacer algo bien con él, no aparece nada.
export const getServerSideProps = async (context) => { try { let properties = [] const propertiesRef = collection(firestore, 'properties') const q = query(propertiesRef, orderBy("propertiename", "desc")) onSnapshot(q, (snapshot) => { properties.push(snapshot.docs.map((doc) => ( { ...doc.data(), id: doc.id } ))) console.log(properties) }); return { props: { propertiesProps : properties, } } } catch(error) { console.log(error) } }Cuando paso los datos aquí en la página no me devuelven nada
function index({propertiesProps}) { const [properties, setProperties] = useState([]) useEffect(async () => { setProperties( propertiesProps) console.log(properties) }, []) return ( <div> <Head> <title>Rimoz | Properties</title> </Head> <h1 className="main">Heres is the list of properties</h1> <PropertieGallery /> <h1 className="main">Com server side props</h1> <p></p> </div> ) } export default indexY esto es lo que obtengo en la terminal en vscode
[ [ { propertiename: 'casa 57', photos: [Array], id: 'lKOfK8oirnLY5DNEJagH' }, { propertiename: 'casa 56', photos: [Array], id: 'r1IRpreknf5Pd7FqRUqJ' }, { photos: [Array], propertiename: 'casa 55', id: 'H2ADAlP4dyuZJCsYNnor' }, { propertiename: 'casa 54', photos: [Array], id: 'dB8wHXjwFHGB3JoIIGQv' }, { propertiename: 'casa 4 ', photos: [Array], id: 'jApsE2wgxBpdbajuObgx' }, { propertiename: 'casa 3 ', photos: [Array], id: 'mrOJasIuHUXI5ojISSWD' }, { photos: [Array], propertiename: 'casa 2', id: 'rBOG1mXUewKYiH47MbdM' }, { photos: [Array], propertiename: 'casa 14', id: 'c3ozTup7m1ZWIjSSzh7v' } ] ]que me estoy perdiendo aqui?