Begrip: ComponentProps

Via de ComponentProps helper is het mogelijk om een interface/type te generen voor een component die de verwachte properties niet exporteert als interface/type.

De helper ook gebruikt worden om de properties van een klassiek HTML-element te weten te komen, maar hiervoor zijn binnen React ook interfaces voor voorzien die je rechtstreeks kunt importeren.

import {ComponentProps} from 'react'
import Foo from 'foo'

type fooProps = ComponentProps<typeof Foo>
type inputProps = ComponentProps<'input'>