collapseOnSelect will not collapse, if href prop of Nav.Link is missing

[apepper]

Prerequisites

• I am using the correct version of React-Bootstrap for my version of Bootstrap
• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the bug

collapseOnSelect does not have an affect on Navbar, if the Nav.Link has no href prop.

Expected behavior

The navigation dropdown should close on click.

To Reproduce

1. Have a Navbar with the prop collapseOnSelect
2. Inside declare a Nav.Link, but without a href prop.
3. Now click on the hamburger menu - the navigation dropdown menu opens.
4. Now click on the Nav.Link (in the minimal example the "Link" link")

It should not close the navigation dropdown menu. Instead it stays open. If the Nav.Link has a href prop all is working fine.

Reproducible Example

https://stackblitz.com/edit/stackblitz-starters-79mzqy?file=src%2FApp.tsx

What browser(s) are you seeing the problem on?

Chrome

What version of React-Bootstrap are you using?

2.8.0

What version of Bootstrap are you using?

5.3.0

Additional context

This bug becomes annoying, if one us using Nav.Link with the as property with a component, that does not need the href prop.

[kyletsang]

Can you try passing the eventKey prop to the NavLink?

https://react-bootstrap.github.io/docs/components/navs#navlink

[apepper]

Can you try passing the eventKey prop to the NavLink?

With the eventKey it's working. Is this more or less a required property? If so I would recommend to update the example code e.g. on https://react-bootstrap.github.io/docs/components/navbar/.

[kyletsang]

It's used as an identifier if you don't want to pass a href:
https://github.com/react-restart/ui/blob/44dc346744b37c33bd0d0309e5cd827751fce9c4/src/SelectableContext.tsx#L10

The docs are lacking in this area and should be updated

[apepper]

Great, thank @kyletsang for pointing me in the right direction!