Quiero precargar un componente para mi aplicación. Y así es como estoy tratando de:

 const Info = React.lazy(() => import(/* webpackPrefetch: true */ '@view/info/Info'));

Webpack usa este comentario mágico para generar algunos enlaces:

 <link rel="prefetch" as="script" href="<href1>"> <link rel="prefetch" as="script" href="<href2>"> <link rel="prefetch" as="script" href="<href3>">

href1 , href2 y href3 son enlaces de trabajo y conducen a archivos existentes.

Pero por alguna razón, mi fragmento no se descarga hasta que intento usar el componente de Info .

¿Cuál es el problema aquí?

EDITAR1:
El componente Info es demasiado pesado. 1/3 de toda la aplicación es solo este componente. Todo lo que quiero es hacer que la primera carga sea más rápida. Pero tampoco quiero hacer esperar al usuario cuando necesite este componente. Es por eso que quiero precargarlo.
Quiero precargarlo, no precargarlo. Sería genial si este componente se descargara mientras la página está inactiva.