What are PropTypes in React and why are they important?

What are PropTypes in React and why are they important?

PropTypes are a way to validate the types of props passed to a React component, ensuring that the right data types are used.

Can you give me an example of how to use PropTypes?

Sure! You can define PropTypes like this:

import PropTypes from 'prop-types';

const MyComponent = ({ name, age }) => {
  return <div>{name} is {age} years old.</div>;
};

MyComponent.propTypes = {
  name: PropTypes.string.isRequired,
  age: PropTypes.number
};

What happens if the wrong type is passed?

If the wrong type is passed, a warning will be shown in the console during development, helping you catch errors early.

Are PropTypes still relevant with TypeScript?

While TypeScript provides static type checking, PropTypes can still be useful for runtime validation, especially in mixed codebases.