Control React Material radio group

sdirix · sdirix · commit 5fb6e4382c28 · 2022-08-22T08:58:14.000+02:00
Make sure that the React Material radio group is always rendered in controlled mode by
handing over an empty string in case no value exists. This fixes an issue in which the
control changed its mode once the selects a value.
diff --git a/packages/material/src/controls/MaterialRadioGroup.tsx b/packages/material/src/controls/MaterialRadioGroup.tsx
@@ -90,7 +90,7 @@ export const MaterialRadioGroup = (props: ControlProps & OwnPropsOfEnum) => {
         </FormLabel>
 
         <RadioGroup
-          value={props.data}
+          value={props.data ?? ''}
           onChange={onChange}
           row={true}
         >

Original file line number	Diff line number	Diff line change
`@@ -90,7 +90,7 @@ export const MaterialRadioGroup = (props: ControlProps & OwnPropsOfEnum) => {`
`90`	`90`	`</FormLabel>`
`91`	`91`
`92`	`92`	`<RadioGroup`
`93`		`- value={props.data}`
	`93`	`+ value={props.data ?? ''}`
`94`	`94`	`onChange={onChange}`
`95`	`95`	`row={true}`
`96`	`96`	`>`