eslint-plugin-css-modules | Project status : NOT MAINTAINED ; Checks | Style Language library

I started a new react project using create-react-app boilerplate (https://github.com/facebook/create-react-app), and I'm getting the following error when trying to start the app, the reason is that I have created a folder called 'containers' where all the containers go, and I want to create an index file to export all of them from that directory, this way I can just reference the directory in order to import de components.

Like this:

import UserContainer from './containers/UserContainer'; //This work(but ugly) import { UserContainer } from './containers'; // This does not work

Basically this is the content of my index.js file inside the containers folder:

Please I need some help as I'm having a hard time trying to use bootstrap and react-bootstrap in my new project created from a react-starter-kit template (https://github.com/kriasoft/react-starter-kit).

I'm pretty new to webpack so I'm not pretty sure what I need to do to get this working.

The steps I did so far:

1) I included react-bootstrap, bootstrap and jquery in package.json 2) I imported a react-bootstrap button in home file and tried to rendered. It renders with no style at all.

What else needs to be done?

This is the webpack.config: