Summary

The below import is failing in production

import { getBundles } from 'react-loadable-ssr-addon';

17:57:36   Error: Cannot find module 'webpack/package.json'
17:57:36   Require stack:
17:57:36   - /src/node_modules/react-loadable-ssr-addon/lib/ReactLoadableSSRAddon.js
17:57:36   - /src/node_modules/react-loadable-ssr-addon/lib/index.js

Why

This library is exported as CommonJS, which means treeshaking is not supported. When importing getBundles from the index.js as described in the README, the module ReactLoadableSSRAddon is also loaded which was requiring webpack (a devDependency) during server execution in production (where devDependencies are pruned).

A better fix would be to export this library to ESM as well, and define a "module": "./esm/index.js" export in the package.json, along with a "sideEffects": false to allow proper importing of named exports.

Workaround

To workaround this issue, I had to change my import to

import getBundles from 'react-loadable-ssr-addon/lib/getBundles';

Checklist

• Your code builds clean without any errors or warnings
• You are using approved terminology
• You have added unit tests, if apply.

Emojis for categorizing pull requests:

⚡️ New feature (:zap:)
🐛 Bug fix (:bug:)
🔥 P0 fix (:fire:)
✅ Tests (:white_check_mark:)
🚀 Performance improvements (:rocket:)
🖍 CSS / Styling (:crayon:)
♿ Accessibility (:wheelchair:)
🌐 Internationalization (:globe_with_meridians:)
📖 Documentation (:book:)
🏗 Infrastructure / Tooling / Builds / CI (:building_construction:)
⏪ Reverting a previous change (:rewind:)
♻️ Refactoring (like moving around code w/o any changes) (:recycle:)
🚮 Deleting code (:put_litter_in_its_place:)