Tengo un componente de campo de código PIN que es solo una lista de entradas envueltas en un React.Fragment . Cada vez que se presiona una tecla, enfoca la siguiente entrada. Cuando llego a la última entrada, me gustaría activar una tabulación para enfocar el siguiente controlador fuera del componente (entrada, botón, enlace, etc.). Traté de enviar un KeyboardEvent , pero no funciona:

 const evt = new KeyboardEvent("keydown", { ... code: "Tab", key: "Tab", }) lastInput.dispatchEvent(evt) 

¿Alguna idea?

Código fuente: https://github.com/soywod/react-pin-field
Demostración: https://react-pin-field.soywod.me/