From efccd44cb47a82414333d57c410999a6bdca8e28 Mon Sep 17 00:00:00 2001
From: yiliang114 <1204183885@qq.com>
Date: Mon, 8 Dec 2025 11:31:50 +0800
Subject: [PATCH] fix(vscode-ide-companion/permission-drawer): improve ref
 typing for input element

---
 .../webview/components/PermissionDrawer/PermissionDrawer.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vscode-ide-companion/src/webview/components/PermissionDrawer/PermissionDrawer.tsx b/packages/vscode-ide-companion/src/webview/components/PermissionDrawer/PermissionDrawer.tsx
index 2eb659e8..de2da400 100644
--- a/packages/vscode-ide-companion/src/webview/components/PermissionDrawer/PermissionDrawer.tsx
+++ b/packages/vscode-ide-companion/src/webview/components/PermissionDrawer/PermissionDrawer.tsx
@@ -276,7 +276,7 @@ interface CustomMessageInputRowProps {
   setCustomMessage: (val: string) => void;
   onFocusRow: () => void; // Set focus when mouse enters or input box is focused
   onSubmitReject: () => void; // Triggered when Enter is pressed (selecting reject option)
-  inputRef: React.RefObject<HTMLInputElement>;
+  inputRef: React.RefObject<HTMLInputElement | null>;
 }
 
 const CustomMessageInputRow: React.FC<CustomMessageInputRowProps> = ({
@@ -295,7 +295,7 @@ const CustomMessageInputRow: React.FC<CustomMessageInputRowProps> = ({
     onClick={() => inputRef.current?.focus()}
   >
     <input
-      ref={inputRef}
+      ref={inputRef as React.LegacyRef<HTMLInputElement> | undefined}
       type="text"
       placeholder="Tell Qwen what to do instead"
       spellCheck={false}