چطور Bootstrap Collapse رو با ReactJS استفاده کنم؟

npm install bootstrap react-bootstrap

import 'bootstrap/dist/css/bootstrap.min.css';

import React, { useState } from 'react';
import { Button, Collapse } from 'react-bootstrap';
function Example() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button
        onClick={() => setOpen(!open)}
        aria-controls="example-collapse-text"
        aria-expanded={open}>
        Toggle Collapse
      </Button>
      <Collapse in={open}>
        <div id="example-collapse-text">
          Some content here
        </div>
      </Collapse>
    </>
  );
}
export default Example;