setting id on rx.select in a form does not update the form data on form submission

[ElijahAhianyo]

import reflex as rx

class FormState(rx.State):
    form_data: dict = {}

    def handle_submit(self, form_data: dict):
        """Handle the form submit."""
        self.form_data = form_data

app = rx.App()

@rx.page()
def index():
    return rx.vstack(
        rx.form(
            rx.vstack(
                rx.select(
                    ["apple", "grape", "pear"],
                    id="select",
                ),
                rx.button("Submit", type="submit"),
            ),
            on_submit=FormState.handle_submit,
            reset_on_submit=True,
        ),
        rx.divider(),
        rx.heading("Results"),
        rx.text(FormState.form_data.to_string()),
    )

When a value is selected, the form data is not updated on submission.
a workaround is to use the name prop

Related radix issue: radix-ui/primitives#2590

[linear]

ENG-3980 setting `id` on `rx.select` in a form does not update the form data on form submission