What type to use for a class based React component?

Question

I have a utility function that accepts a class based React component as a parameter. What should I type this as?

function doSomething(id: string, component: ???) {}

Answer 1

If it is a functional component, you can try typing it as a FunctionComponent on your function's parameter.

function doSomething(id: string, component: FunctionComponent) {
  // do the rest
}

If it is a component class, you can try ComponentClass instead.

function doSomething(id: string, component: ComponentClass) {
  // do the rest
}

Answer 2

function doSomething(id: string, component: ReactNode) {}

It's the most suitable type