React + TypeScript: как передать в render() компонента параметр?

Question

[Игорь Н.]

В компоненте используется декоратор, который нужно передать в render:

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

, выше определил интерфейс:

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

Но TS ругается на него:

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

Подскажите, как корректно передать декоратор в рендер?

Answer 1

[Dmitry Alekseev]

Думаю, что эта статья должна помочь https://medium.com/@goncalvesjoao/react-es7-decora...