From 278ac98ed112573ae49bcc76be044d87d38a2498 Mon Sep 17 00:00:00 2001 From: Mike Lonergan Date: Mon, 23 Mar 2026 14:20:40 -0700 Subject: [PATCH] Fix linting in TextInput --- frontend/src/Components/Form/TextInput.tsx | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/frontend/src/Components/Form/TextInput.tsx b/frontend/src/Components/Form/TextInput.tsx index 6d88fe72e..4e220cc89 100644 --- a/frontend/src/Components/Form/TextInput.tsx +++ b/frontend/src/Components/Form/TextInput.tsx @@ -2,8 +2,8 @@ import classNames from 'classnames'; import React, { ChangeEvent, FocusEvent, - SyntheticEvent, forwardRef, + SyntheticEvent, useCallback, useEffect, useImperativeHandle, @@ -46,7 +46,7 @@ export interface TextInputHandle { } const TextInput = forwardRef( - function TextInput( + ( { className = styles.input, type = 'text', @@ -68,12 +68,16 @@ const TextInput = forwardRef( onSelectionChange, }: TextInputProps | FileInputProps, ref - ) { + ) => { const inputRef = useRef(null); - useImperativeHandle(ref, () => ({ - focus: () => inputRef.current?.focus(), - }), []); + useImperativeHandle( + ref, + () => ({ + focus: () => inputRef.current?.focus(), + }), + [] + ); const selectionTimeout = useRef>(); const selectionStart = useRef();