Почему не работает Static backdrop from React Bootstrap?

Question

[oleg]

Сама кнопка на сайте появляется, но она почему-то не активна.

вот код

import React, {  useState } from "react";
import {Button} from 'react-bootstrap'
import Modal from 'react-modal';



const Hack = () =>  {
    const [show, setShow] = useState(false);

    const handleClose = () => setShow(false);
    const handleShow = () => setShow(true);

return (
    <>
    <Button variant="primary" onClick={handleShow}>
        ЖМЯК
    </Button>

    <Modal
        show={show}
        onHide={handleClose}
        backdrop="static"
        keyboard={false}
    >
        <Modal.Header closeButton>
        <Modal.Title>Modal title</Modal.Title>
        </Modal.Header>
        <Modal.Body>
        I will not close if you click outside me. Don't even try to press
        escape key.
        </Modal.Body>
        <Modal.Footer>
        <Button variant="secondary" onClick={handleClose}>
            Close
        </Button>
        <Button variant="primary">Understood</Button>
        </Modal.Footer>
    </Modal>
    </>
);
}

export default Hack;

Comments

[oleg]

Забыл добавить, что сама кнопка появляется, но она не активна.

Answer 1

[oleg]

не правильный импорт Modal, он должен быть import Modal from 'react-bootstrap/Modal'