React component with props

UserGreeting.tsx

import React from "react";

function UserGreeting({ name, age }) {
  return (
    <p>
      Hello, my name is {name} and I am {age} years old.
    </p>
  );
}

function App() {
  return (
    <div>
      <UserGreeting name="John" age={30} />
      <UserGreeting name="Jane" age={25} />
    </div>
  );
}

export default App;