@bonsai-components/utility-types/src/react-types.ts

useful typescript types

import type { ReactNode, WeakValidationMap, ValidationMap } from 'react';

import { Component } from 'react';
import { UnknownRecord } from './general-types';

export interface FunctionComponentWithChildren<P = UnknownRecord> {
  (
    props: P & { children?: ReactNode | undefined },
    context?: unknown
  ): JSX.Element | null;
  propTypes?: WeakValidationMap<P> | undefined;
  contextTypes?: ValidationMap<unknown> | undefined;
  defaultProps?: Partial<P> | undefined;
  displayName?: string | undefined;
}

export class ComponentWithChildren<
  P = UnknownRecord,
  S = UnknownRecord,
  SS = any
> extends Component<P & { children?: ReactNode | undefined }, S, SS> {}