Supongamos que a través de JavaScript hemos agregado un método al objeto global/ventana llamado logToken , que queremos ejecutar desde la consola del desarrollador. Su función debería ser registrar un token (cadena) y copiarlo en el portapapeles. El código existe dentro de un proyecto React y, por lo tanto, se compila con webpack. ¿Cómo podríamos lograr esto?

No podemos usar navigator.clipboard.writeText porque recibimos el error "DOMException no capturado (en promesa): el documento no está enfocado", ya que el foco está en la consola del desarrollador.

No podemos usar copy() porque solo está definido en la consola del desarrollador, no en tu JavaScript. Copiará el token en el portapapeles, pero también generará un error de compilación al cargar la página.

¿Hay alguna otra forma de evitar esto?

 window.logToken = () => { const token = 'my magic token'; console.log(token); copy(dmdpToken); // works but throws an error on page load navigator.clipboard.writeText(token); // doesn't work and throws error }