Tengo un botón de opción de un tercero que pierde el foco de la pestaña cuando interactuamos con él a través del teclado; es decir, tabular y luego presionar enter hace que el enfoque se mueva a otro elemento, cuando quiero que el enfoque permanezca en el botón de opción. ¿Hay alguna manera de enfocar programáticamente el botón de opción desde el interior de su controlador onChange? Mi código se parece a esto, que no funciona:

 const Component = (event) =>{ const handleChange = ()=>{ //business logic event.target.focus() } return(<RadioBtn onChange={handleChange}/>) }

También intenté usar una referencia pero tampoco funcionó, ¿hice algo mal?

 const Component = (event) =>{ const rdbRef = useRef(); const handleChange = ()=>{ //business logic rdbRef.current.focus(); } return(<RadioBtn onChange={handleChange} ref={rdbRef}/>) }