fix: bug with query editor not rendering

Author: frectonz

ui/biome.json

@@ -7,12 +7,7 @@
   },
   "files": {
     "ignoreUnknown": false,
-    "includes": [
-      "**",
-      "!dist/**",
-      "!.tanstack/**",
-      "!src/routeTree.gen.ts"
-    ]
+    "includes": ["**", "!dist/**", "!.tanstack/**", "!src/routeTree.gen.ts"]
   },
   "formatter": {
     "enabled": true,
@@ -102,12 +97,7 @@
   },
   "overrides": [
     {
-      "includes": [
-        "*.ts",
-        "*.tsx",
-        "*.mts",
-        "*.cts"
-      ],
+      "includes": ["*.ts", "*.tsx", "*.mts", "*.cts"],
       "linter": {
         "rules": {
           "complexity": {
@@ -149,4 +139,4 @@
       }
     }
   }
-}
+}

ui/src/components/editor.tsx

@@ -29,6 +29,7 @@ export const Editor: FunctionComponent<Props> = ({ value, onChange }) => {
     queryFn: () => fetchAutocomplete(),
   });
 
+  // biome-ignore lint: lint/correctness/useExhaustiveDependencies: the fix doesn't work
   useEffect(() => {
     if (monacoEl) {
       setEditor((editor) => {
@@ -68,7 +69,7 @@ export const Editor: FunctionComponent<Props> = ({ value, onChange }) => {
     }
 
     return () => editor?.dispose();
-  }, [editor?.dispose, onChange, value]);
+  }, [monacoEl.current]);
 
   useEffect(() => {
     if (!autoCompleteData) return;