Support for IE11

This addon is really awesome! Unfortunately it isn’t working on IE11 😞

The cause for this (there might be more) is react-element-to-jsx-string is on version 12.0.0 and not 13.0.0 (There’s a long chain of dependencies here but eventually it uses version 2.0.1 of get-own-enumerable-property-symbols which now includes an ES5 compiled version of the code).

Not sure if there are any other things that might break IE11, but after disabling just this addon storybook works as expected.

As a workaround - I can take full control over the storybook webpack config and remove the exclude from the .js rule, that excludes node_modules, that way every file will go through babel, but that’s highly inefficient and might cause other issues when compiling already compiled modules.

[brendanmckeown]

There is a workaround for this issue until stringify-object adds support for IE11: add a loader to compile the package with Babel.

e.g. in your webpack.config.js file (your paths might be slightly different):

  config.module.rules.push({
    test: /\.js/,
    include: path.resolve(__dirname, '../node_modules/stringify-object'),
    use: [{
      loader: 'babel-loader',
      options: {
        presets: ['env']
      }
    }]
  });

You may also need to install Babel in your project if it’s not already available:

yarn add babel-loader babel-core babel-preset-env

[hipstersmoothie]

🚀 Issue was released in v7.1.2 🚀