Incorrect Bootstrap 5 class name used for select element when using @formio/js@5 and @formio/react@6

[ch-stuart]

Describe the bug
Form which includes a <select> is using the incorrect bootstrap class name which causes the ▼ to not appear at the right side of the <select>.

To Reproduce
Steps to reproduce the behavior:

1. Author a form which includes a HTML 5 select element
2. Render it with @formio/js@5 and @formio/react@6
3. View the rendered select
4. Note the ▼ is missing on the right side of the select

Expected behavior
Should render as shown here: https://getbootstrap.com/docs/5.3/forms/select/#default

Screenshots
<select> displaying the missing ▼

<select> where I changed the class name to "form-select":

Sandbox Example
n/a

Desktop (please complete the following information):

• OS: macOS
• Browser Firefox
• Version latest

[olgabann]

Thank you for reporting this issue. I can reproduce and have logged a ticket for the backlog. We are always willing to review any contributions from the open source community to resolve this issue.

For internal reference: FIO-10101