Typescript + React/Redux: свойство "XXX" не существует в типе "IntrinsicAttributes" и "IntrinsicClassAttributes"

Я работаю над проектом с Typescript, React и Redux (все работает в Electron), и у меня возникла проблема, когда я включаю один компонент на основе класса в другой и пытаюсь передать параметры между их. Наоборот, у меня есть следующая структура для контейнерного компонента:

class ContainerComponent extends React.Component<any,any> {
  ..
  render() {
    const { propToPass } = this.props;
    ...
    <ChildComponent propToPass={propToPass} />
    ...
  }
}

....
export default connect(mapStateToProps, mapDispatchToProps)(ContainerComponent);

И дочерний компонент:

interface IChildComponentProps extends React.Props<any> {
  propToPass: any
}

class ChildComponent extends React.Component<IChildComponentProps, any> {
  ...
}

....
export default connect(mapStateToProps, mapDispatchToProps)(ChildComponent);

Очевидно, что я только включаю в себя основы, и для обоих этих классов гораздо больше, но я все еще получаю сообщение об ошибке, когда я пытаюсь запустить то, что выглядит для меня как правильный код. Точная ошибка, которую я получаю:

TS2339: Property 'propToPass' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<{}, ComponentState>> & Readonly<{ childr...'.

Когда я впервые столкнулся с ошибкой, я подумал, что это связано с тем, что я не передавал интерфейс, определяющий мои реквизиты, но я создал это (как вы можете видеть выше), и он все еще не работает. Мне интересно, есть ли что-то, что мне не хватает?

Когда я исключаю поддержку ChildComponent из кода в ContainerComponent, он отлично выглядит (кроме моего ChildComponent, не имеющего критической опоры), но с ним в JSX Typescript отказывается компилировать его. Я думаю, что это может иметь какое-то отношение к обертке подключений на основе этой статьи, но проблемы в этой статье произошли в файле index.tsx и были проблемы с провайдером, и я получаю свои проблемы в другом месте.

Ответы

interface IChildComponentProps extends React.Props<any> {
  ... (other props needed by component)
}

interface PassedProps extends React.Props<any> {
  propToPass: any
}

class ChildComponent extends React.Component<IChildComponentProps & PassedProps, any> {
  ...
}

....
export default connect<{}, {}, PassedProps>(mapStateToProps, mapDispatchToProps)    (ChildComponent);

@connect((state: StoreState): Props => {
    return {
        filePaths: state.filePaths,
        filePathsCompleted: state.filePathsCompleted,
        rootDir: state.rootDir,
        activeProjectFilePathTruthTable: state.activeProjectFilePathTruthTable,
        fileTreeShown: state.fileTreeShown,
    };
})