react-18-ssr; firefox compatibility

[wibed]

id like to track compatibility on firefox

tl:dr
on react-18-ssr firefox does timeout until the infamous remote script loading error appears:
(you can stop loading site, to speed it up)

ScriptExternalLoadError: Loading script failed.
(error: http://localhost:3001/client/remoteEntry.js)
while loading "./Content" from 9223
    9223 remoteEntry.js":1

repro

git clone https://github.com/module-federation/module-federation-examples.git
cd module-federation-examples/react-18-ssr
yarn 
yarn start

!important!

running the app's from vscode terminal will not work.
it has to be run from the os terminal

ps.:

• example on chrome works fine
• example on safari works fine

related issues:

• server-side-rendering examples do not seem to work out-of-the-box #2799
• Initialization of sharing external failed: ScriptExternalLoadError: Loading script failed. #692
• external_"app2":1 Uncaught (in promise) ScriptExternalLoadError: Loading script failed. #307

[wibed]

i tried:

• defining custom splitChunk config as suggested here.
  on webpack.shared.js, within remote1, remote2, shell

  optimization: {
    splitChunks: {
      chunks: 'async',
      minSize: 30000,
      minRemainingSize: 0,
      maxSize: 0,
      minChunks: 1,
      maxAsyncRequests: 6,
      maxInitialRequests: 4,
      automaticNameDelimiter: '~',
      cacheGroups: {
        vendors: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10
        },
        common: {
          name: `chunk-common`,
          minChunks: 3,
          enforce: true,
          priority: -20,
          chunks: 'async',
          reuseExistingChunk: true,
          test(module) {
            if (
              module.type === 'provide-module' ||
              module.type === 'consume-shared-module' ||
              module.type === 'remote-module'
            ) {
              return false;
            }
            return true;
          }
        }
      }
    }
  }

• alternating the publicPath between 'auto' and static path as in 'http://localhost:3000/client'
  aswell on all the containers

• disable runtimeChunks on shared.webpack.js

optimization: {
  runtimeChunks: false
}

[wibed]

awww yiiis 💯