Webpack с модулями react, дающими неожиданный токен

пытался использовать модуль npm react-spin, но когда я пытаюсь создать пакет.js с webpack, я получаю следующую ошибку:

Module parse failed: /Users/nir/browsewidget/node_modules/react-spin/src/main.js Line 29: Unexpected token <
You may need an appropriate loader to handle this file type.
|   render: function() {
|     return (
|       <span ref="container" />
|     );
|   }
 @ ./js/widget.jsx 4:14-35

Я предполагаю, что в этом модуле есть jsx, но я не понимаю, почему его нельзя построить? Требуется ли react-spin дополнительная конфигурация при создании пакета?

вот мой полный webpack.конфиг.js:

module.exports = {
    entry: "./js/widget.jsx",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            {
                    test: /.jsx$/, 
                    loader: 'jsx-loader?insertPragma=React.DOM&harmony'
            }
        ]
    },
    externals: {
        //don't bundle the 'react' npm package with our bundle.js
        //but get it from a global 'React' variable
        'react': 'React'
    },
    resolve: {
        extensions: ['','.js','.jsx']
    }
};