Почему не подгружается конфиг вебпака при использовании Next.js?

Question

[Nikita Shchypylov]

Всем привет, работаю с React/Redux/Next.js. Сначала создал React/Redux базу, теперь начал интегрировать Next. Изменил package.json :

"start": "webpack-dashboard -- webpack-dev-server --mode development --open --hot",

на
"start": "next",
Заимпортил в pages/index.js компонент App.js :

import React from "react";
import App from "../src/containers/App";

const Index = ({}) => (
	<div>
		<App />
	</div>
);

export default Index;

и выдало :
Error in ./index.scss
Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type. | .preview { | min-width: 100vw; | min-height: 100vh;

App.js :

import React, { Component } from "react";
import { connect } from "react-redux";
import { initAction } from "../../actions/index";
import "./index.scss";

class App extends Component {
	componentWillMount() {
		const initActionData = {
			hello: "world"
		};
		this.props.initAction(initActionData);
	}

	state = {
		preview: "img/index.jpg"
	};

	render() {
		const { preview } = this.state;
		return (
			<div className="preview" style={{backgroundImage: `url(${preview})`}} />
		);
	}
}
const mapDispatchToProps = {
	initAction
};
const mapStateToProps = state => {
	return {
		init: state.init
	};
};
export default connect(mapStateToProps, mapDispatchToProps)(App);

Раньше с Next.js не работал. Как лечить такое? И много ли еще всплывёт при интеграции?