Entendí que si iba a importar dinámicamente los únicos componentes que usan una biblioteca de terceros, entonces esa biblioteca no se incluiría en el 'primer paquete de carga' enviado al cliente.

Estoy usando Recharts en los siguientes dos componentes (este es el único lugar donde se importa en la aplicación), y luego estoy importando esos componentes al componente principal de esta manera:

 const UvGraphTile = dynamic(() => import("@/components/tiles/UvGraphTile"), { ssr: false, }); const StravaGraphTile = dynamic(() => import("@/components/tiles/StravaGraphTile"), { ssr: false, } );

Sin embargo, Recharts todavía aparece en el 'Paquete de primera carga', como se ve en la captura de pantalla provista. No sé si estoy cometiendo un error o si mi interpretación de la importación dinámica para NextJS es incorrecta.

¡Cualquier ayuda sería muy apreciada! :)