Tengo una aplicación de una sola página creada con React. Como es habitual, al cambiar de página, los componentes representados cambian.

Problema

Si navego a un botón usando el teclado y presiono Intro, cambia el componente como se esperaba. Sin embargo, quiero que la página restablezca la posición del teclado al comienzo de la página. Probé algunas soluciones, pero no tuve suerte.

Soluciones que he probado:

 document.activeElement.blur()

o

 document.body.focus()

He creado un ejemplo de codesandbox para ilustrar la situación.

Enlace para la caja de arena: https://codesandbox.io/embed/affectionate-snow-ctxi9