set radio default on mounted (#416)

Co-authored-by: Alyssa Wang <[email protected]>
inferno-framework · Dec 9, 2023 · 0c5c15e · 0c5c15e
1 parent 0181b6d
commit 0c5c15e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/client/src/components/InputsModal/InputRadioGroup.tsx b/client/src/components/InputsModal/InputRadioGroup.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, useEffect } from 'react';
 import {
   FormControl,
   FormControlLabel,
@@ -34,6 +34,12 @@ const InputRadioGroup: FC<InputRadioGroupProps> = ({
     inputsMap.get(requirement.name) || requirement.default || firstValue
   );
 
+  // Set default on mounted
+  useEffect(() => {
+    inputsMap.set(requirement.name, value);
+    setInputsMap(new Map(inputsMap));
+  }, []);
+
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.target.value;
     setValue(value);