type Props = { name: string };

function Greeting({ name }: Props) {
  return <p>Hello, {name}!</p>;
}

typed props via destructuring