ho un altro problema del quale mi sono accorto adesso:
codice:
import * as React from "react";
import {Modal, Button} from 'react-bootstrap';

export default class UpdateModal extends React.Component {

    constructor(props) {
        super(props);

        this.close = this.close.bind(this);
    }

    close() {
        this.setState({showModal: false});
    }

    render() {
        return (
            <Modal show={this.props.showModal} onHide={this.close}>
                <Modal.Header closeButton>
                    <Modal.Title>Modal heading</Modal.Title>
                </Modal.Header>
                <Modal.Body>
                    {/*<h4>{this.state.upBookId}</h4>*/}
                    <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
                    <h4>Popover in a modal</h4>
                    <hr/>
                </Modal.Body>
                <Modal.Footer>
                    <Button onClick={this.close}>Close</Button>
                </Modal.Footer>
            </Modal>
        );
    }
}
in pratica non si chiude.
ma non capisco dove sto sbagliando.