Как использовать forwardRef для классового компонента?

Question

[alex4answ]

Добрый день, нужна ref на дочерний компонент который находится на 2 уровне вложенности, использую forwardRef.

Родитель компонента, на который нужна ссылка:

interface BProps {
  title: string;
  innerRef?: React.Ref<CComponent>;
}

class BComponent extends React.Component<BProps> {
  render() {
    const {innerRef, ...props} = this.props;
    return <CComponent {...props} ref={innerRef} />;
  }
}

export default React.forwardRef<CComponent, BProps>((props, ref) => (
  <BComponent
  {...props}
  innerRef={ref} 
  />
));

Но теперь я не могу передать props.children пишет что chilren не ожидается в props компонента.
Мне пришлось закостылить и добавить в BProps children?: React.ReactNode
И все работает, ref передается, все как надо, но меня не покидает чувство что это халтура, и я где-то что-то не правильно сделал.

Подскажите пожалуйста, как правильно использовать forwardRef с классовыми компонентами в typescript?
Те примеры что я нашел, они не подходят, тк ref на обычный html элементы, и без указания props и тп.

В чем моя ошибка?

Answer 1

[Андрей Гуртовой]

// @ts-ignore не помогло ?
Возможно поможет any