Grafana-UI: Use value for Radio group id (#22568)

packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx

@@ -64,7 +64,7 @@ export function RadioButtonGroup<T>({
 
 
   return (
   return (
     <div className={styles.radioGroup}>
     <div className={styles.radioGroup}>
-      {options.map((o, i) => {
+      {options.map(o => {
         const isItemDisabled = disabledOptions && o.value && disabledOptions.includes(o.value);
         const isItemDisabled = disabledOptions && o.value && disabledOptions.includes(o.value);
         return (
         return (
           <RadioButton
           <RadioButton
@@ -73,7 +73,7 @@ export function RadioButtonGroup<T>({
             active={value === o.value}
             active={value === o.value}
             key={o.label}
             key={o.label}
             onChange={handleOnChange(o)}
             onChange={handleOnChange(o)}
-            id={`option-${i}`}
+            id={`option-${o.value}`}
             name={groupName.current}
             name={groupName.current}
           >
           >
             {o.label}
             {o.label}