From 0f7a5063430f08815d2632bfb5cedf2228f6dc70 Mon Sep 17 00:00:00 2001
From: joshhunt <josh.hunt@grafana.com>
Date: Tue, 26 Aug 2025 16:01:53 +0100
Subject: [PATCH] hoist useId out

---
 .../settings/variables/VariableEditableElement.tsx             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard-scene/settings/variables/VariableEditableElement.tsx b/public/app/features/dashboard-scene/settings/variables/VariableEditableElement.tsx
index 9c421205490..89d53788a44 100644
--- a/public/app/features/dashboard-scene/settings/variables/VariableEditableElement.tsx
+++ b/public/app/features/dashboard-scene/settings/variables/VariableEditableElement.tsx
@@ -133,6 +133,7 @@ function VariableNameInput({ variable, isNewElement }: { variable: SceneVariable
   const { name } = variable.useState();
   const ref = useEditPaneInputAutoFocus({ autoFocus: isNewElement });
   const [nameError, setNameError] = useState<string>();
+  const id = useId();
 
   const onChange = (e: FormEvent<HTMLInputElement>) => {
     const result = validateVariableName(variable, e.currentTarget.value);
@@ -148,7 +149,7 @@ function VariableNameInput({ variable, isNewElement }: { variable: SceneVariable
   return (
     <Field label={t('dashboard.edit-pane.variable.name', 'Name')} invalid={!!nameError} error={nameError}>
       <Input
-        id={useId()}
+        id={id}
         ref={ref}
         value={name}
         onFocus={() => {