My navbar doesn't collapse / uncollapse with the NavbarToggle component

[GuyoST]

Hello every one, I just tried to use the navbar toggler following this doc :

https://reactstrap.github.io/?path=/docs/components-navbar--navbar-toggler

I created a component that returns exactly the same code :

return (
        <div>
            <Navbar
                color="faded"
                light
            >
                <NavbarBrand
                    className="me-auto"
                    href="/"
                >
                    reactstrap
                </NavbarBrand>
                <NavbarToggler
                    className="me-2"
                    onClick={function noRefCheck() { }}
                />
                <Collapse navbar>
                    <Nav navbar>
                        <NavItem>
                            <NavLink href="/components/">
                                Components
                            </NavLink>
                        </NavItem>
                        <NavItem>
                            <NavLink href="https://github.com/reactstrap/reactstrap">
                                GitHub
                            </NavLink>
                        </NavItem>
                    </Nav>
                </Collapse>
            </Navbar>
        </div>
    )

but my navbar collapse button doesn't to work:

When I load the page :

When I click the toggler :

Nothing happens.

In the Inspector :

We can see the "show" classnames is not present after I click.

Did I forget something ?
I'm using Reactstrap 9.0.1 with bootstrap 5.1.

Thank you for your help

[GuyoST]

Hi again,

I finally made it work.
For people who have the same problème, change the NavbarToggler like this :

<NavbarToggler className="me-2" onClick={() => setCollapsed(!collsapsed)}    />

and add a state : const [collsapsed, setCollapsed] = useState(true)