Components: Fix React Compiler error for 'useAutocomplete' (WordPress…

…#66496) Co-authored-by: Mamaduka <[email protected]> Co-authored-by: tyxla <[email protected]>
MaxMood96 · Oct 29, 2024 · ba17e59 · ba17e59
1 parent ffba007
commit ba17e59
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/components/src/autocomplete/index.tsx b/packages/components/src/autocomplete/index.tsx
@@ -97,7 +97,7 @@ export function useAutocomplete( {
 		( ( props: AutocompleterUIProps ) => JSX.Element | null ) | null
 	>( null );
 
-	const backspacing = useRef( false );
+	const backspacingRef = useRef( false );
 
 	function insertCompletion( replacement: React.ReactNode ) {
 		if ( autocompleter === null ) {
@@ -177,7 +177,7 @@ export function useAutocomplete( {
 	}
 
 	function handleKeyDown( event: KeyboardEvent ) {
-		backspacing.current = event.key === 'Backspace';
+		backspacingRef.current = event.key === 'Backspace';
 
 		if ( ! autocompleter ) {
 			return;
@@ -323,7 +323,7 @@ export function useAutocomplete( {
 		// Ex: "Some text @marcelo sekkkk" <--- "kkkk" caused a mismatch, but
 		// if the user presses backspace here, it will show the completion popup again.
 		const matchingWhileBackspacing =
-			backspacing.current && wordsFromTrigger.length <= 3;
+			backspacingRef.current && wordsFromTrigger.length <= 3;
 
 		if ( mismatch && ! ( matchingWhileBackspacing || hasOneTriggerWord ) ) {
 			if ( autocompleter ) {