Control React Material radio group

sdirix · sdirix · commit b32a26820ea3 · 2022-08-22T09:01:59.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 user 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`	`>`