RadioGroup not working with boolean value

[ilyasdotdev]

Describe the bug

const {field, model, read} = useForm(MyModel);
 <VerticalLayout style={{ alignItems: 'stretch', width: '18rem', maxWidth: '100%' }}>
                    <TextField label="Title" {...field(model.title)} />
                    <NumberField label="Order" {...field(model.order)} />
                    <RadioGroup label="Status" {...field(model.isEnabled)} >
                        <RadioButton value="true" label="Enable" />
                        <RadioButton value="false" label="Disabled" />
                    </RadioGroup>
                </VerticalLayout>

on calling read(model) getting error on browser The radio button with the value "true" was not found.

`

Expected-behavior

No response

Reproduction

const {field, model, read} = useForm(MyModel); <VerticalLayout style={{ alignItems: 'stretch', width: '18rem', maxWidth: '100%' }}> <TextField label="Title" {...field(model.title)} /> <NumberField label="Order" {...field(model.order)} /> <RadioGroup label="Status" {...field(model.isEnabled)} >

                    <RadioButton value="false" label="Disabled" />
                </RadioGroup>
            </VerticalLayout>

System Info

Chrome browser

[platosha]

Thanks. This is maybe related: https://github.com/vaadin/hilla/issues/177

[ilyasdotdev]

Thanks. This is maybe related: https://github.com/vaadin/hilla/issues/177

It has not been fixed since 2 years?