Mantuve los valores ingresados en el proyecto de cálculo de bmi como un objeto en localStorage^. Tengo problemas para intentar verlo. Tengo un error que es "No se pueden leer las propiedades de nulo (leyendo 'Fecha')". ¿Que puedo hacer?

Estos son los valores que declaré:

 function storeData() { var today = new Date(); var date = (today.getMonth()+1)+'-'+today.getDate()+'-'+today.getFullYear(); let formData = JSON.parse(localStorage.getItem('formData')) || []; formData.push({ DaTe : date, resultBmi: bmiResult, Name: values.name, }); localStorage.setItem('formData', JSON.stringify(formData)); } useEffect(()=>{ storeData(); },[bmiResult]) Calculations.js: function Calculations() { return ( <div className="calc-page" > <h2>CALCULATIONS</h2> <table id="records"> <tbody> <tr> <th>Date</th> <th>Name</th> <th>BMI</th> </tr> {(localStorage.getItem("formData")) && JSON.parse(localStorage.getItem("formData")).map(data=>{ <tr> <td>{data.DaTe}</td> <td>{data.Name}</td> <td>{data.resultBmi}</td> </tr> })} </tbody> </table> <button className="btn-clear">Clear</button> </div> ); }