Extend or use the props interface/type of any component

extend-react-props.tsx

// extend basic react component props
// simply replace the type and add your props' types 
interface PersonCardProps extends React.ComponentProps<typeof PersonCard> {
  name: string;
  age: number;
  isAdmin: boolean;
}

// in this example we're writing a component named PersonCard
// with props name, age, and isAdmin
function PersonCard({ name, age, isAdmin }: PersonCardProps) {
  return <p>May name is {name}, {age] years of age, and I'm { !isAdmin && "not " }an admin</p>;
}