Cannot read property 'Header' of undefined when using react-bootstrap modal

Question

I'm using react-bootstrap in my project. Getting an error like below while I am using Modal component.

modal component:

<Modal  show={this.state.modalshow} onHide={close}  container={this} aria-labelledby="contained-modal-title">
   <Modal.Header closeButton>
     <Modal.Title id="contained-modal-title">Add User</Modal.Title>
   </Modal.Header>

Answer 1

Try Adding at Top

import Modal from 'react-bootstrap/lib/Modal';
// or
import { Modal } from 'react-bootstrap';