Gatsby static site generation not fully prerendering HTML with loadable imports

[SivaGanesh56]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

Gatsby static site generation not fully prerendering static HTML with loadable imports

if i use loadable import, gastby SSG build is not generating static HTML.

sandbox repo: https://github.com/SivaGanesh56/gatsby-loadable-issue

e.g:

import loadable from '@loadable/component';

const AnnouncementBanner = loadable(
  () => import('../../templates/announcementBanner'),
);
const BenchMarking = loadable(
  () => import('../../templates/benchmarkingTemplate'),
);
const BrandGalleryTemplate = loadable(
  () => import('../../templates/brandGallery'),
);

package.json

{
"gatsby": "^4.19.0",
    "gatsby-plugin-advanced-sitemap": "^2.0.0",
    "gatsby-plugin-force-trailing-slashes": "^1.0.6",
    "gatsby-plugin-image": "^2.9.1",
    "gatsby-plugin-loadable-components-ssr": "3.0.0",
    "gatsby-plugin-manifest": "^4.9.1",
    "gatsby-plugin-nprogress": "^4.9.0",
    "gatsby-plugin-postcss": "^6.12.0",
    "gatsby-plugin-preload-fonts": "^3.9.1",
    "gatsby-plugin-react-helmet": "^5.9.0",
    "gatsby-plugin-react-i18next": "^1.2.2",
    "gatsby-plugin-react-svg": "^3.1.0",
    "gatsby-plugin-robots-txt": "^1.7.0",
    "gatsby-plugin-s3": "^0.3.8",
    "gatsby-plugin-sass": "5.24.0",
    "gatsby-plugin-sharp": "^4.9.1",
    "gatsby-plugin-theme-ui": "^0.13.1",
    "gatsby-source-contentful": "^7.11.0-next.0",
    "gatsby-transformer-sharp": "^4.9.0",
     "@loadable/component": "^5.15.2",
}

If I remove imports from loadable, it is working fine. but the only worry is the bloating of bundle size.

Thank you!

Reproduction Link

https://github.com/SivaGanesh56/gatsby-loadable-issue

Steps to Reproduce

Expected Result

Actual Result

Environment

https://github.com/SivaGanesh56/gatsby-loadable-issue

Config Flags