How can I validate props in a TypeScript React component?

How can I validate props in a TypeScript React component?

You can use TypeScript's type system to define the expected props for your component. For example, you can create an interface for your props.

Can you show me an example of that?

Sure! Here's a simple example:

interface MyComponentProps {
  title: string;
  age?: number;
}

const MyComponent: React.FC<MyComponentProps> = ({ title, age }) => {
  return <h1>{title} is {age ? age : 'unknown'} years old.</h1>;
};

What if I want to enforce prop types at runtime?

For runtime validation, you can use libraries like PropTypes or create custom validation logic within your component.