From 5613555b39059de69f0e1e933ddff8d96d31d32d Mon Sep 17 00:00:00 2001
From: Marc Brooks <IDisposable@gmail.com>
Date: Mon, 13 Oct 2025 18:05:45 -0500
Subject: [PATCH] Fix ref lint warning

---
 ui/src/routes/devices.$id.mount.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ui/src/routes/devices.$id.mount.tsx b/ui/src/routes/devices.$id.mount.tsx
index a4f6e792..d5d43326 100644
--- a/ui/src/routes/devices.$id.mount.tsx
+++ b/ui/src/routes/devices.$id.mount.tsx
@@ -352,6 +352,7 @@ function UrlView({
 }) {
   const [usbMode, setUsbMode] = useState<RemoteVirtualMediaState["mode"]>("CDROM");
   const [url, setUrl] = useState<string>("");
+  const [isUrlValid, setIsUrlValid] = useState(false);
 
   const popularImages = [
     {
@@ -399,6 +400,12 @@ function UrlView({
 
   const urlRef = useRef<HTMLInputElement>(null);
 
+  useEffect(() => {
+    if (urlRef.current) {
+      setIsUrlValid(urlRef.current.validity.valid);
+    }
+  }, [url]);
+
   function handleUrlChange(url: string) {
     setUrl(url);
     if (url.endsWith(".iso")) {
@@ -437,7 +444,7 @@ function UrlView({
           animationDelay: "0.1s",
         }}
       >
-        <Fieldset disabled={!urlRef.current?.validity.valid || url.length === 0}>
+        <Fieldset disabled={!isUrlValid || url.length === 0}>
           <UsbModeSelector usbMode={usbMode} setUsbMode={setUsbMode} />
         </Fieldset>
         <div className="flex space-x-2">
@@ -449,7 +456,7 @@ function UrlView({
             text={m.mount_button_mount_url()}
             onClick={() => onMount(url, usbMode)}
             disabled={
-              mountInProgress || !urlRef.current?.validity.valid || url.length === 0
+              mountInProgress || !isUrlValid || url.length === 0
             }
           />
         </div>