Fix the object passed whole — find the bug

function Person({ label, role }) {
  return <p>{label} {role}</p>
}

function App() {
  const person = { label: "Ada", role: "engineer" }
  return <Person person={person} />
}
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(<App />)