I have an app which imports our custom libraries we created using create-react-app plugin.

However, we have imported library inside library too, so in this case we have a lib umai-settings.[hash] thats has crossed 1 MB size, and since using library we cant lazy load the pages/components in the lib.

Since build on the library needs a bundle file, and the lazy loaded chunks does not work while importing the app, and give Syntax Error unexpected token on lazy loaded lib routes.

In the below image you can see the app umai-settings.[hash], has two two apps venue-settings and team-management, which combining crosses 1 MB.

Moreover, we have already tried to compress and minify the code using webpack, and also performed tree shaking to reduce the size of the application.

So now we are considering if its possible to lazy load inside library using react lazy and suspense so that it further breaks down the chunks into smaller size. ?