Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

163
Views
Los objetos no son válidos como hijos de React (encontrado: objeto con claves {segundos, nanosegundos}). (Firebase, React, Tabla de materiales)

Estoy intentando almacenar documentos de Firebase como una matriz de objetos, establecer el estado de un componente igual a esa matriz y luego mostrar los objetos a través de una tabla de materiales; sin embargo, recibo el siguiente error: "Los objetos no son válidos como un elemento secundario de React (encontrado: objeto con claves {segundos, nanosegundos}). Si pretendía representar una colección de niños, use una matriz en su lugar".

 const getSamples = async (isAdmin, userID) => { initializeApp({ apiKey: 'AIzaSyC64KY9UehoX2fk7Ugw2XNPvG4zZ7sSdsQ', authDomain: 'uno-genomics.firebaseapp.com', databaseURL: 'https://uno-genomics-default-rtdb.firebaseio.com', projectId: 'uno-genomics', storageBucket: 'uno-genomics.appspot.com', messagingSenderId: '351603848354', appId: '1:351603848354:web:e974a024da6b7e7472d3fb' }); const db = getFirestore(); const samples = []; if (isAdmin === true) { const querySnapshot = await getDocs(collection(db, 'samples')); querySnapshot.forEach((doc) => { const sample = { clientID: doc.get('clientID'), name: doc.get('name'), stage: doc.get('stage'), submissionDate: doc.get('submissionDate'), estimateCompletionDate: doc.get('estimateCompletionDate') }; samples.push(sample); }); } else { const querySnapshot = await getDocs(collection(db, 'samples'), where('clientID', '==', userID)); querySnapshot.forEach((doc) => { const sample = { clientID: doc.get('clientID'), name: doc.get('name'), stage: doc.get('stage'), submissionDate: doc.get('submissionDate'), estimateCompletionDate: doc.get('estimateCompletionDate') }; samples.push(sample); }); } return samples; };
 const Dashboard = () => { const [samples, setSamples] = useState([]); const userID = localStorage.getItem('userID'); if (localStorage.getItem('adminMode') === 'true') { getSamples(true, userID).then((values) => { setSamples(values); }); } else { getSamples(false, userID).then((values) => { setSamples(values); }); } return ( <> <Helmet> <title> UNO COVID Resources Collection </title> </Helmet> <MaterialTable columns={[ { title: 'Client ID', field: 'clientID' }, { title: 'Name', field: 'name' }, { title: 'Stage', field: 'stage' }, { title: 'Submission Date', field: 'submissionDate' }, { title: 'Estimated Completion Date', field: 'completionDateEstimate' } ]} data={samples} title="Samples" /> </> ); };

Pude mostrar una serie de objetos falsos almacenados en el estado del componente a través de la Tabla de materiales, por lo que el error debe tener algo que ver con el acceso asíncrono de Firebase.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!