fix(qwik): use signal to track DOM ref

matschik · Oct 1, 2024 · 27f0010 · 27f0010
1 parent 0441bc9
commit 27f0010
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/content/2-templating/5-dom-ref/qwik/InputFocused.tsx b/content/2-templating/5-dom-ref/qwik/InputFocused.tsx
@@ -1,9 +1,12 @@
-import { component$, useVisibleTask$, useRef } from "@builder.io/qwik";
+import { component$, useVisibleTask$, useSignal } from "@builder.io/qwik";
 
 export const InputFocused = component$(() => {
-  const inputElement = useRef(null);
-
-  useVisibleTask$(() => inputElement.current.focus());
+  const inputElement = useSignal<HTMLInputElement>();
+
+  useVisibleTask$(({ track }) => {
+    const el = track(inputElement);
+    el?.focus();
+  });
 
   return <input type="text" ref={inputElement} />;
 });