Offcanvas example code not working

[bloggrammer]

• components: Offcanvas
• reactstrap version #9.1.10
• import method es
• react version #18.2.0
• bootstrap version #5.3.0

What is happening?

The example code for Offcanvas at https://reactstrap.github.io/?path=/docs/components-offcanvas--offcanvas is not working

What should be happening?

Update the example code

Steps to reproduce issue

1. Visit the link: https://reactstrap.github.io/?path=/docs/components-offcanvas--offcanvas

Error message in console

No error message

Code

<div>
  <Button
    color="primary"
    onClick={function noRefCheck(){}}
  >
    Open
  </Button>
  <Offcanvas toggle={function noRefCheck(){}}>
    <OffcanvasHeader toggle={function noRefCheck(){}}>
      Offcanvas
    </OffcanvasHeader>
    <OffcanvasBody>
      <strong>
        This is the Offcanvas body.
      </strong>
    </OffcanvasBody>
  </Offcanvas>
</div>

[T3rm1]

You have to set isOpen of <Offcanvas>.

const [isOpen, setIsOpen] = useState(false)
const toggle = () => setIsOpen(!isOpen)

<Offcanvas toggle={toggle} isOpen={isOpen}>
    <OffcanvasHeader toggle={toggle}>
        ...
    </OffcanvasHeader>
    <OffcanvasBody>
        ...
    </OffcanvasBody>
</Offcanvas>

The documentation of this project is really bad and the library is full of bugs. I think the project is dead. I'd recommend looking for another library.