Type alias ComponentProps<T>

Used to retrieve the props a component accepts. Can either be passed a string, indicating a DOM element (e.g. 'div', 'span', etc.) or the type of a React component.

It's usually better to use ComponentPropsWithRef or ComponentPropsWithoutRef instead of this type, as they let you be explicit about whether or not to include the ref prop.

See

React TypeScript Cheatsheet

Example

// Retrieves the props an 'input' element accepts
type InputProps = React.ComponentProps<'input'>;
Copy

Example

const MyComponent = (props: { foo: number, bar: string }) => <div />;

// Retrieves the props 'MyComponent' accepts
type MyComponentProps = React.ComponentProps<typeof MyComponent>;
Copy