React + TypeScript: how to pass a parameter to a component's render()?

Question

Frontend

The component uses a decorator that needs to be passed to render:

class Preloader extends PureComponent<IPreloader, undefined> {
    //...
    render(cn: ClassDecorator) {
    //...
    }
}

, above defined interface:

export interface IPreloader {
  size?: string;
  active?: boolean;
  color?: string;
  render: (cn: ClassDecorator) => any;
}

But TS swears at him:

TS2415: Class 'Preloader' incorrectly extends base class 'PureComponent'.
Types of property 'render' are incompatible.
Type '(cn: ClassDecorator) => Element' is not assignable to type '() => ReactNode'.

Tell me how to correctly pass the decorator to the render?

Answer 1

I think this article should help https://medium.com/@goncalvesjoao/react-es7-decora...