From d90c822e695030290f143ab2f53b3df25a15455f Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Mon, 30 Aug 2021 07:59:51 +0300
Subject: [PATCH] Fix key prop when rendering options (#38595)

---
 .../variables/pickers/shared/VariableOptions.tsx       | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/public/app/features/variables/pickers/shared/VariableOptions.tsx b/public/app/features/variables/pickers/shared/VariableOptions.tsx
index 2c6dc2dd19d..e3f77b863de 100644
--- a/public/app/features/variables/pickers/shared/VariableOptions.tsx
+++ b/public/app/features/variables/pickers/shared/VariableOptions.tsx
@@ -61,14 +61,8 @@ export class VariableOptions extends PureComponent<Props> {
     const highlightClass = index === highlightIndex ? `${selectClass} highlighted` : selectClass;
 
     return (
-      <li>
-        <a
-          key={`${option.value}`}
-          role="checkbox"
-          aria-checked={option.selected}
-          className={highlightClass}
-          onClick={this.onToggle(option)}
-        >
+      <li key={`${option.value}`}>
+        <a role="checkbox" aria-checked={option.selected} className={highlightClass} onClick={this.onToggle(option)}>
           <span className="variable-option-icon"></span>
           <span data-testid={selectors.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts(`${option.text}`)}>
             {option.text}