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();