From c5ceae3808abcb3079e6b646f0e05b1907f1d2aa Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Wed, 4 Mar 2020 15:31:01 +0200
Subject: [PATCH] Grafana-UI: Use value for Radio group id (#22568)

---
 .../components/Forms/RadioButtonGroup/RadioButtonGroup.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx
index fc9f92c0aa1..2ef95832a0e 100644
--- a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx
+++ b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx
@@ -64,7 +64,7 @@ export function RadioButtonGroup<T>({
 
   return (
     <div className={styles.radioGroup}>
-      {options.map((o, i) => {
+      {options.map(o => {
         const isItemDisabled = disabledOptions && o.value && disabledOptions.includes(o.value);
         return (
           <RadioButton
@@ -73,7 +73,7 @@ export function RadioButtonGroup<T>({
             active={value === o.value}
             key={o.label}
             onChange={handleOnChange(o)}
-            id={`option-${i}`}
+            id={`option-${o.value}`}
             name={groupName.current}
           >
             {o.label}