Get rid of useEffect and useState. I made it work based off input foc…

…us alone via the special prop.

packages/components/src/form-token-field/token-input.tsx

@@ -7,7 +7,7 @@ import type { ChangeEvent, ForwardedRef } from 'react';
 /**
  * WordPress dependencies
  */
-import { forwardRef, useEffect, useState } from '@wordpress/element';
+import { forwardRef } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -32,17 +32,6 @@ export function UnForwardedTokenInput(
 
 	const size = value ? value.length + 1 : 0;
 
-	// Is this our first render? Take the value and find out if it should be. If no value, A11Y concerns will not exist so false is okay.
-	const [ isInitialRender, setIsInitialRender ] = useState(
-		value ? true : false
-	);
-	useEffect( () => {
-		// If initial render is set to true but the user just placed focus on the input, now focus can be allowed.
-		if ( isInitialRender && inputHasFocus ) {
-			setIsInitialRender( false );
-		}
-	}, [ inputHasFocus ] );
-
 	const onChangeHandler = ( event: ChangeEvent< HTMLInputElement > ) => {
 		if ( onChange ) {
 			onChange( {
@@ -74,7 +63,7 @@ export function UnForwardedTokenInput(
 					: undefined
 			}
 			aria-activedescendant={
-				! isInitialRender && selectedSuggestionIndex !== -1
+				inputHasFocus && selectedSuggestionIndex !== -1
 					? `components-form-token-suggestions-${ instanceId }-${ selectedSuggestionIndex }`
 					: undefined
 			}