Necesito desarrollar una aplicación web de pantalla completa. Yo he tratado:

 import screenfull from "screenfull"; const HomePage = () => { if (screenfull.isEnabled) { screenfull.request(); } return( component... ) } export default HomePage;

Pero cuando carga la página, no la pone en pantalla completa. También reporté la misma función en otra ruta. (Component2 por ejemplo).

 import screenfull from "screenfull"; const Component2 = () => { if (screenfull.isEnabled) { screenfull.request(); } return( component... ) } export default Component2;

Al hacer clic en cualquier lugar de la página de inicio, el navegador se muestra en Component2, después de este evento, mi aplicación se convierte en pantalla completa.

¿Cómo hago para que mi aplicación comience a pantalla completa desde el inicio?