Error: Can't resolve 'ReactDOM' in 'node_modules/react-simple-image-zoom/dist'

[ssemakov]

Hi,

I'm getting this error when attempting to use ImageZoom in my project

./node_modules/react-simple-image-zoom/dist/ReactSimpleImageZoom.js
Module not found: Error: Can't resolve 'ReactDOM' in '/myproject/node_modules/react-simple-image-zoom/dist'
 @ ./node_modules/react-simple-image-zoom/dist/ReactSimpleImageZoom.js 1:102-121

It seems like it has something to do with case-sensitive-paths-webpack-plugin (which I don't use in my project) and externals definition in webpack.config.js
https://github.com/aaronlifton2/react-simple-image-zoom/blob/aa0b5a9376a3c7501c9a63154581d588f1272d1a/webpack.config.js#L27

My development webpack config is the following

const merge = require('webpack-merge');
const environment = require('./environment');
const FlowWebpackPlugin = require('flow-webpack-plugin');

const devConfig = {
  module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.js(x?)$/,
        exclude: /node_modules/,
        loader: 'eslint-loader',
        options: {
          emitWarning: true,
        },
      },
    ],
  },
  plugins: [
    new FlowWebpackPlugin({
      reportingSeverity: 'warning',
      flowPath: require.main.require('flow-bin'),
      flowArgs: ['--color=always', 'frontend'],
    }),
  ],
};

module.exports = merge(environment.toWebpackConfig(), devConfig);

Can you please advice how to work around this problem?

[aaronlifton]

Hey there - thanks for filing a bug report.
Just updated the package so it will require react-dom by the correct name.
Should work now! (bumped to 0.1.5)