Как использовать React- bootstrap Модал с машинописью

Question

Я использую реагировать, реагировать - bootstrap и печатать. Я получаю следующую ошибку:

Тип элемента JSX 'Modal' не имеет никакой конструкции или сигнатуры вызовов. TS2604

Код довольно типичен для сайта реакции- bootstrap, который работает, если я использую javascript:

import React, { Component } from "react";
import Modal from 'react-bootstrap';

class InfoModal extends Component{
    state = { show: true }

    render(){
     <Modal show={show} onHide={handleClose}>
        <Modal.Header closeButton>
          <Modal.Title>Modal heading</Modal.Title>
        </Modal.Header>
        <Modal.Body>Woohoo, you're reading this text in a modal! 
        </Modal.Body>
        <Modal.Footer>
          <Button variant="secondary" onClick={handleClose}>
            Close
          </Button>
        </Modal.Footer>
      </Modal>
    }
}

Answer 1

Было несколько проблем, поэтому я надеюсь, что это поможет любому с той же проблемой:

1. Импорт был неправильным, это должно было быть: import { Modal, Button } from 'react-bootstrap';
2. onHide={() => { this.handleClose() }}