So I have my parent component with some data:

  const [purchaseData, setpurchaseData] = useState({
    tickets: 0,
    email: "",
    firstName: "",
    lastName: "",
   });

and 2 child components:

 <PurchaseForm purchaseData={purchaseData} />
 <FinalPreview purchaseData={purchaseData} />

but idk why the doesn't take the data. The 1st child component is working perfectly with the purchaseData, but when I try to open the it's just a blank page and doesn't read the data(returns undefined).