React-toolbox como incluir os estilos corretamente

Estou tentando usar o selecionador de data dereact-toolbox.

Aqui está a minha configuração do webpack:

    {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract('style-loader', 'css-loader!cssnext-loader')
    },{
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
    }

Eu tenho .scss noresolve seção:

resolve: {
    extensions: ['', '.js', '.jsx', '.scss']
},

Também envolvi meu componente App dentroToolboxAPP

ReactDOM.render(
    <ToolboxApp>
        <Provider store={store}>
            <App />
        </Provider>
    </ToolboxApp>
, document.getElementById('root'))

Quando renderizei o componente, eis como ele se parece:

Você pode ver na imagem que o componente não está estilizado e os nomes de classe css correspondentes são indefinidos.

Alguém sabe o que eu fiz de errado?

questionAnswers(3)

yourAnswerToTheQuestion