|
1 | 1 | /* eslint-disable rulesdir/no-acc-spread-in-reduce */ |
2 | | -import lodashDebounce from 'lodash/debounce'; |
3 | 2 | import type {ForwardedRef, ReactNode, RefObject} from 'react'; |
4 | | -import React, {forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useState} from 'react'; |
| 3 | +import React, {forwardRef, useCallback, useEffect, useLayoutEffect, useMemo} from 'react'; |
5 | 4 | import {View} from 'react-native'; |
6 | 5 | import type {StyleProp, TextInputProps, ViewStyle} from 'react-native'; |
7 | 6 | import {useOnyx} from 'react-native-onyx'; |
@@ -135,18 +134,6 @@ function SearchAutocompleteInput( |
135 | 134 | return focusedSharedValue.get() ? wrapperFocusedStyle : wrapperStyle ?? {}; |
136 | 135 | }); |
137 | 136 |
|
138 | | - const [localValue, setLocalValue] = useState(value); |
139 | | - |
140 | | - const debouncedOnSearchQueryChange = useMemo(() => lodashDebounce(onSearchQueryChange, CONST.TIMING.USE_DEBOUNCED_STATE_DELAY), [onSearchQueryChange]); |
141 | | - |
142 | | - const handleChangeText = useCallback( |
143 | | - (text: string) => { |
144 | | - setLocalValue(text); |
145 | | - debouncedOnSearchQueryChange(text); |
146 | | - }, |
147 | | - [debouncedOnSearchQueryChange], |
148 | | - ); |
149 | | - |
150 | 137 | useEffect(() => { |
151 | 138 | runOnLiveMarkdownRuntime(() => { |
152 | 139 | 'worklet'; |
@@ -206,8 +193,8 @@ function SearchAutocompleteInput( |
206 | 193 | > |
207 | 194 | <TextInput |
208 | 195 | testID="search-autocomplete-text-input" |
209 | | - value={localValue} |
210 | | - onChangeText={handleChangeText} |
| 196 | + value={value} |
| 197 | + onChangeText={onSearchQueryChange} |
211 | 198 | autoFocus={autoFocus} |
212 | 199 | shouldDelayFocus={shouldDelayFocus} |
213 | 200 | caretHidden={caretHidden} |
|
0 commit comments