From b32a26820ea3d8a87e3e9723e873deff6bad0fb1 Mon Sep 17 00:00:00 2001
From: Stefan Dirix <sdirix@eclipsesource.com>
Date: Mon, 22 Aug 2022 08:58:11 +0200
Subject: [PATCH] Control React Material radio group

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.
---
 packages/material/src/controls/MaterialRadioGroup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/material/src/controls/MaterialRadioGroup.tsx b/packages/material/src/controls/MaterialRadioGroup.tsx
index aee22d24d..12974ded8 100644
--- 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}
         >