update eslint react plugin

Author: jjspace

package.json

@@ -63,7 +63,7 @@
     "esbuild": "^0.25.8",
     "eslint": "^9.32.0",
     "eslint-plugin-html": "^8.1.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "express": "^5.1.0",
     "globals": "^16.0.0",

packages/sandcastle/src/App.tsx

@@ -106,7 +106,12 @@ function RightSideAllotment({
       ]);
     }
     setConsoleExpanded(!consoleExpanded);
-  }, [consoleExpanded, previousConsoleHeight]);
+  }, [
+    consoleExpanded,
+    previousConsoleHeight,
+    consoleCollapsedHeight,
+    setConsoleExpanded,
+  ]);
 
   useImperativeHandle(ref, () => {
     return {

packages/sandcastle/src/Gallery/GalleryItemSearchInput.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useRef } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { IconButton, TextBox } from "@stratakit/bricks";
 import { close, search as searchIcon } from "../icons.ts";
 
@@ -7,14 +7,14 @@ import { useGalleryItemContext } from "./GalleryItemStore.ts";
 export function GalleryItemSearchInput() {
   const store = useGalleryItemContext();
   const inputRef = useRef<HTMLInputElement>(null);
-  const value = inputRef.current?.value;
   const { setSearchTerm, items } = store ?? {};
-  const hasValue = !!value && value !== "";
+  const [hasValue, setHasValue] = useState(false);
 
   const clearSearch = useCallback(() => {
     const input = inputRef.current;
     if (input) {
       input.value = "";
+      setHasValue(false);
       input.focus();
     }
 
@@ -26,6 +26,7 @@ export function GalleryItemSearchInput() {
   const updateSearch = useCallback(
     (e: { target: { value: string | null } }) => {
       let term = e.target.value;
+      setHasValue(!!term && term !== "");
       if (setSearchTerm) {
         if (term) {
           term = term.trim();

packages/sandcastle/src/SandcastleEditor.tsx

@@ -117,6 +117,10 @@ function SandcastleEditor({
     });
   }, [fontSize]);
 
+  function formatEditor() {
+    internalEditorRef.current?.getAction("editor.action.formatDocument")?.run();
+  }
+
   useImperativeHandle(ref, () => {
     return {
       formatCode() {
@@ -125,10 +129,6 @@ function SandcastleEditor({
     };
   }, []);
 
-  function formatEditor() {
-    internalEditorRef.current?.getAction("editor.action.formatDocument")?.run();
-  }
-
   function handleEditorDidMount(
     editor: monaco.editor.IStandaloneCodeEditor,
     monaco: Monaco,