Type alias ComponentPropsWithRef<T>

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

See

React TypeScript Cheatsheet

Example

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

Example

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

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