MMT-4038: Fix issue where one input was affecting another on the form (#1423)

* MMT-4038: Fixed issue when toggling radio button to true/false.

Author: cgokey

static/src/js/components/CustomRadioWidget/CustomRadioWidget.jsx

@@ -69,9 +69,8 @@ const CustomRadioWidget = ({
 
   // Sets inputValue to input selected
   const handleChange = (event) => {
-    const { name } = event.target
-    const newValue = name === 'true'
-
+    const { id: targetId } = event.target
+    const newValue = targetId.endsWith('-true')
     onChange(newValue)
   }
 
@@ -100,7 +99,7 @@ const CustomRadioWidget = ({
           <input
             className="d-flex form-check-input m-2"
             id={`${id}-true`}
-            name="true"
+            name={`${id}-true`} // Note: react-jsonschema-form requires these name properties to be unique.
             onChange={handleChange}
             type="radio"
             checked={value === true}
@@ -114,8 +113,8 @@ const CustomRadioWidget = ({
         >
           <input
             className="form-check-input m-2"
-            id={`${id}-false`}
-            name="false"
+            id={`${id}-false`} // Note: react-jsonschema-form requires these name properties to be unique.
+            name={`${id}-false`}
             onChange={handleChange}
             type="radio"
             checked={value === false}