Реакция TypeScript - тип элемента JSX 'Modal.Header' не имеет никаких конструкций или сигнатур вызовов

Question

Я изучаю разработку на TypeScript и React. Я использую rsuite для графических компонентов - до сих пор я без проблем использовал множество компонентов из этого пакета. Но теперь я пытаюсь создать модальный диалог и не могу понять, как использовать компоненты Modal.* В моей настройке.

Я пробовал все предложения, которые мне удалось найти, трижды проверил мой импорт и синтаксис, и мне кажется, что все должно работать, но я получаю сообщение об ошибке «Тип элемента JSX 'Modal.Header' не имеет конструкции или позывные подписи.". Rsuite утверждает, что полностью поддерживает машинописный текст и реагирует на 16+, а другие компоненты из этой библиотеки работают нормально, поэтому я почти уверен, что ошибка где-то на моей стороне.

Вот рассматриваемый компонент:

      import React, { Component } from 'react';
import { Modal, Button } from 'rsuite';


class GroupTransactionDialog extends Component<any> {
    render() {
        return <div className="modal-container">
            <Modal open={true} onClose={this.props.onClose}>
                <Modal.Header>
                    <Modal.Title>Modal Title</Modal.Title>
                </Modal.Header>
                <Modal.Body>
                    <p></p>
                </Modal.Body>
                <Modal.Footer>
                    <Button onClick={this.props.onClose} appearance="primary">Save</Button>
                    <Button onClick={this.props.onClose} appearance="subtle">Cancel</Button>
                </Modal.Footer>
      </Modal>
        </div>
    }
}

export default GroupTransactionDialog;

Ошибка выглядит так:

      TypeScript error in /home/johny/Developement/Js/finance2/src/components/GroupTransactionDialog.tsx(9,18):
JSX element type 'Modal.Header' does not have any construct or call signatures.  TS2604

     7 |         return <div className="modal-container">
     8 |             <Modal open={true} onClose={this.props.onClose}>
  >  9 |                 <Modal.Header>
       |                  ^
    10 |                     <Modal.Title>Modal Title</Modal.Title>
    11 |                 </Modal.Header>
    12 |                 <Modal.Body>

Любая помощь приветствуется!

Answer 1

Я понял, благодаря комментарию Линды Пайсте, что я использовал альфа-версию rsuite 5.0.0 вместо стабильной. После повторного запуска с 4.9.3 модальный режим начал работать как положено!