Por lo tanto, tenemos una aplicación enorme que se supone que se ejecuta en dispositivos de escritorio y de pantalla ancha; sin embargo, cuando alguien se conecta a través de un dispositivo móvil/tableta o una pequeña ventana de escritorio (600 px y menos), queremos mostrar una página de inicio para instar al usuario a descargar el aplicación móvil, Discord está utilizando esta misma técnica.

Cómo hacer que en la vista móvil la aplicación no cargue todos esos paquetes npm usados en la versión web sabiendo que la página de destino está casi toda en html y css con tan poco JavaScript.

Esto es lo que estoy haciendo usando el viento de cola

 <Gate> <WebApp className="hidden lg:block"> ... </Webapp> <MobileApp className="block lg:hidden"> .... </MobileApp> </Gate>

¿Cuál es un mejor enfoque?
Gracias