Estoy tratando de implementar la entrada de compensación haciendo clic en el icono. JSX es

 <div><input type="text" value={someValueFromState}/><SomeIconComponent onClick={()=> clearInput()}/></div>

El icono está oculto de forma predeterminada y se muestra cuando la entrada está enfocada. Sin embargo, en el momento de hacer clic en la entrada del icono, se pierde el foco y el icono vuelve a ocultarse, lo que hace imposible el registro del evento de click . Hay algún trabajo alrededor ?