loadable-components and webpack 5, incorrect content hashes in the stats file

🐛 Bug report

Current Behavior

1. yarn create razzle-app --example with-loadable-components my-project
2. cd my-project
3. yarn add --dev webpack@5.24.0 html-webpack-plugin@5.2.0
4. yarn build

The build/loadable-stats.json content hashes do not align with the corresponding files’ content hashes.

Expected behavior

The loadable-stats.json content hashes align with the corresponding files’ content hashes.

Reproducible example

Suggested solution(s)

I’m assuming the issue involves the webpack config generated by razzle, but I am unsure.

Additional context

To confirm that it was not an issue with loadable-components and webpack 5, I created a minimal webpack.config.js in the project and was able to successfully compile the chunks with proper content hashes.

The example repo works properly with webpack 4.

Your environment

Software	Version(s)
Razzle	4.0.3
Razzle Plugins	N/A
Node	v14.15.0
Browser	N/A
Yarn	1.22.10
Operating System	macOS 10.15.7
TypeScript	N/A
React	17.0.1
Webpack	5.24.0

[sumanbh]

This is a bug in loadable-components’s webpack plugin which is fixed in their main branch but still unreleased. See https://github.com/gregberge/loadable-components/issues/712

[fivethreeo]

Fixed