<p dir="auto">Hey,<br>
when running the most basic application, and using a component from material-ui@0.18.7<br>
I get this error :</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded "><pre class="notranslate"><code class="notranslate">Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded 
</code></pre></div>
<p dir="auto">Node version:<br>
7.9.0<br>
npm version:<br>
5.3.0<br>
Operating system:<br>
Windows 10</p>
<p dir="auto">package.json:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="{
  &quot;name&quot;: &quot;&quot;,
  &quot;version&quot;: &quot;1.0.0&quot;,
  &quot;description&quot;: &quot;&quot;,
  &quot;engines&quot;: {
    &quot;npm&quot;: &quot;&gt;=3&quot;
  },
  &quot;scripts&quot;: {
    &quot;preinstall&quot;: &quot;node tools/nodeVersionCheck.js&quot;,
    &quot;setup&quot;: &quot;node tools/setup/setupMessage.js &amp;&amp; npm install &amp;&amp; node tools/setup/setup.js&quot;,
    &quot;start-message&quot;: &quot;babel-node tools/startMessage.js&quot;,
    &quot;prestart&quot;: &quot;npm-run-all --parallel start-message&quot;,
    &quot;start&quot;: &quot;npm-run-all --parallel test:watch open:src lint:watch&quot;,
    &quot;open:src&quot;: &quot;babel-node tools/srcServer.js&quot;,
    &quot;open:dist&quot;: &quot;babel-node tools/distServer.js&quot;,
    &quot;lint&quot;: &quot;esw webpack.config.* src tools --color&quot;,
    &quot;lint:watch&quot;: &quot;npm run lint -- --watch&quot;,
    &quot;clean-dist&quot;: &quot;npm run remove-dist &amp;&amp; mkdir dist&quot;,
    &quot;remove-dist&quot;: &quot;rimraf ./dist&quot;,
    &quot;prebuild&quot;: &quot;npm run clean-dist &amp;&amp; npm run lint &amp;&amp; npm run test&quot;,
    &quot;build&quot;: &quot;babel-node tools/build.js &amp;&amp; npm run open:dist&quot;,
    &quot;test&quot;: &quot;jest&quot;,
    &quot;test:CI&quot;: &quot;babel-node tools/testCi.js&quot;,
    &quot;test:cover&quot;: &quot;npm run test -- --coverage &quot;,
    &quot;test:cover:CI&quot;: &quot;npm run test:CI -- --coverage &amp;&amp; cat ./coverage/lcov.info | node_modules/coveralls/bin/coveralls.js&quot;,
    &quot;test:watch&quot;: &quot;npm run test -- --watch&quot;,
    &quot;open:cover&quot;: &quot;npm run test:cover &amp;&amp; opn ./coverage/lcov-report/index.html&quot;,
    &quot;analyze-bundle&quot;: &quot;babel-node ./tools/analyzeBundle.js&quot;
  },
  &quot;author&quot;: &quot;David Shusterman&quot;,
  &quot;license&quot;: &quot;MIT&quot;,
  &quot;dependencies&quot;: {
    &quot;bootstrap&quot;: &quot;3.3.7&quot;,
    &quot;material-ui&quot;: &quot;0.18.7&quot;,
    &quot;object-assign&quot;: &quot;4.1.0&quot;,
    &quot;react-collapsible&quot;: &quot;1.5.0&quot;,
    &quot;react-redux&quot;: &quot;5.0.5&quot;,
    &quot;react-router&quot;: &quot;3.0.5&quot;,
    &quot;react-router-redux&quot;: &quot;4.0.8&quot;,
    &quot;react-tap-event-plugin&quot;: &quot;2.0.1&quot;,
    &quot;redux&quot;: &quot;3.6.0&quot;,
    &quot;redux-infinite-scroll&quot;: &quot;1.0.9&quot;,
    &quot;redux-thunk&quot;: &quot;2.1.0&quot;
  },
  &quot;devDependencies&quot;: {
    &quot;react&quot;: &quot;15.5.4&quot;,
    &quot;react-dom&quot;: &quot;15.5.4&quot;,
    &quot;autoprefixer&quot;: &quot;7.1.2&quot;,
    &quot;babel-cli&quot;: &quot;6.24.1&quot;,
    &quot;babel-core&quot;: &quot;6.25.0&quot;,
    &quot;babel-eslint&quot;: &quot;7.2.3&quot;,
    &quot;babel-jest&quot;: &quot;20.0.3&quot;,
    &quot;babel-loader&quot;: &quot;7.1.1&quot;,
    &quot;babel-plugin-transform-class-properties&quot;: &quot;6.24.1&quot;,
    &quot;babel-plugin-transform-react-constant-elements&quot;: &quot;6.23.0&quot;,
    &quot;babel-plugin-transform-react-remove-prop-types&quot;: &quot;0.4.6&quot;,
    &quot;babel-polyfill&quot;: &quot;6.23.0&quot;,
    &quot;babel-preset-env&quot;: &quot;1.6.0&quot;,
    &quot;babel-preset-react&quot;: &quot;6.24.1&quot;,
    &quot;babel-preset-react-hmre&quot;: &quot;1.1.1&quot;,
    &quot;babel-preset-stage-0&quot;: &quot;6.24.1&quot;,
    &quot;babel-preset-stage-1&quot;: &quot;6.24.1&quot;,
    &quot;babel-preset-stage-2&quot;: &quot;6.24.1&quot;,
    &quot;browser-sync&quot;: &quot;2.18.12&quot;,
    &quot;chalk&quot;: &quot;2.0.1&quot;,
    &quot;connect-history-api-fallback&quot;: &quot;1.3.0&quot;,
    &quot;coveralls&quot;: &quot;2.13.1&quot;,
    &quot;css-loader&quot;: &quot;0.28.4&quot;,
    &quot;enzyme&quot;: &quot;2.9.1&quot;,
    &quot;eslint&quot;: &quot;4.2.0&quot;,
    &quot;eslint-plugin-import&quot;: &quot;2.7.0&quot;,
    &quot;eslint-plugin-react&quot;: &quot;7.1.0&quot;,
    &quot;eslint-watch&quot;: &quot;3.1.2&quot;,
    &quot;extract-text-webpack-plugin&quot;: &quot;3.0.0-rc.2&quot;,
    &quot;file-loader&quot;: &quot;0.11.2&quot;,
    &quot;html-webpack-plugin&quot;: &quot;2.29.0&quot;,
    &quot;identity-obj-proxy&quot;: &quot;3.0.0&quot;,
    &quot;jest&quot;: &quot;20.0.4&quot;,
    &quot;jest-cli&quot;: &quot;20.0.4&quot;,
    &quot;json-loader&quot;: &quot;0.5.4&quot;,
    &quot;mockdate&quot;: &quot;2.0.1&quot;,
    &quot;node-sass&quot;: &quot;4.5.3&quot;,
    &quot;npm-run-all&quot;: &quot;4.0.2&quot;,
    &quot;opn-cli&quot;: &quot;3.1.0&quot;,
    &quot;postcss-loader&quot;: &quot;1.2.1&quot;,
    &quot;prompt&quot;: &quot;1.0.0&quot;,
    &quot;prop-types&quot;: &quot;15.5.10&quot;,
    &quot;react-hot-loader&quot;: &quot;3.0.0-beta.6&quot;,
    &quot;react-test-renderer&quot;: &quot;15.5.4&quot;,
    &quot;redux-immutable-state-invariant&quot;: &quot;2.0.0&quot;,
    &quot;replace&quot;: &quot;0.3.0&quot;,
    &quot;rimraf&quot;: &quot;2.6.1&quot;,
    &quot;sass-loader&quot;: &quot;6.0.6&quot;,
    &quot;style-loader&quot;: &quot;0.18.2&quot;,
    &quot;url-loader&quot;: &quot;0.5.9&quot;,
    &quot;webpack&quot;: &quot;3.1.0&quot;,
    &quot;webpack-bundle-analyzer&quot;: &quot;2.8.2&quot;,
    &quot;webpack-dev-middleware&quot;: &quot;1.11.0&quot;,
    &quot;webpack-hot-middleware&quot;: &quot;2.18.2&quot;,
    &quot;webpack-md5-hash&quot;: &quot;0.0.5&quot;
  },
  &quot;peerDependencies&quot;: {
    &quot;react&quot;: &quot;^0.14.0 || ^15.0.0-0 || ^16.0.0-0&quot;,
    &quot;redux&quot;: &quot;^2.0.0 || ^3.0.0&quot;
  },
  &quot;jest&quot;: {
    &quot;moduleNameMapper&quot;: {
      &quot;\\.(css|scss)$&quot;: &quot;identity-obj-proxy&quot;,
      &quot;^.+\\.(gif|ttf|eot|svg|woff|woff2|ico)$&quot;: &quot;&lt;rootDir&gt;/tools/fileMock.js&quot;
    }
  },
  &quot;babel&quot;: {
    &quot;presets&quot;: [
      &quot;react&quot;,
      &quot;stage-0&quot;,
      &quot;stage-1&quot;,
      &quot;stage-2&quot;
    ],
    &quot;env&quot;: {
      &quot;development&quot;: {
        &quot;presets&quot;: [
          &quot;env&quot;,
          &quot;react-hmre&quot;,
          &quot;stage-0&quot;,
          &quot;stage-1&quot;,
          &quot;stage-2&quot;
        ]
      },
      &quot;production&quot;: {
        &quot;presets&quot;: [
          [
            &quot;env&quot;,
            {
              &quot;es2015&quot;: {
                &quot;modules&quot;: false
              }
            }
          ]
        ],
        &quot;plugins&quot;: [
          &quot;transform-class-properties&quot;,
          &quot;transform-react-constant-elements&quot;,
          &quot;transform-react-remove-prop-types&quot;
        ]
      },
      &quot;test&quot;: {
        &quot;presets&quot;: [
          &quot;env&quot;
        ]
      }
    }
  },
  &quot;eslintConfig&quot;: {
    &quot;root&quot;: true,
    &quot;extends&quot;: [
      &quot;eslint:recommended&quot;,
      &quot;plugin:import/errors&quot;,
      &quot;plugin:import/warnings&quot;
    ],
    &quot;plugins&quot;: [
      &quot;react&quot;
    ],
    &quot;parser&quot;: &quot;babel-eslint&quot;,
    &quot;parserOptions&quot;: {
      &quot;ecmaVersion&quot;: 6,
      &quot;sourceType&quot;: &quot;module&quot;,
      &quot;ecmaFeatures&quot;: {
        &quot;jsx&quot;: true,
        &quot;experimentalObjectRestSpread&quot;: true
      }
    },
    &quot;env&quot;: {
      &quot;es6&quot;: true,
      &quot;browser&quot;: true,
      &quot;node&quot;: true,
      &quot;jquery&quot;: true,
      &quot;jest&quot;: true
    },
    &quot;rules&quot;: {
      &quot;quotes&quot;: 0,
      &quot;no-console&quot;: 1,
      &quot;no-debugger&quot;: 1,
      &quot;no-var&quot;: 1,
      &quot;semi&quot;: [
        1,
        &quot;always&quot;
      ],
      &quot;no-trailing-spaces&quot;: 0,
      &quot;eol-last&quot;: 0,
      &quot;no-underscore-dangle&quot;: 0,
      &quot;no-alert&quot;: 0,
      &quot;no-lone-blocks&quot;: 0,
      &quot;jsx-quotes&quot;: 1,
      &quot;react/display-name&quot;: [
        1,
        {
          &quot;ignoreTranspilerName&quot;: false
        }
      ],
      &quot;react/forbid-prop-types&quot;: [
        1,
        {
          &quot;forbid&quot;: [
            &quot;any&quot;
          ]
        }
      ],
      &quot;react/jsx-boolean-value&quot;: 0,
      &quot;react/jsx-closing-bracket-location&quot;: 0,
      &quot;react/jsx-curly-spacing&quot;: 1,
      &quot;react/jsx-indent-props&quot;: 0,
      &quot;react/jsx-key&quot;: 1,
      &quot;react/jsx-max-props-per-line&quot;: 0,
      &quot;react/jsx-no-bind&quot;: 0,
      &quot;react/jsx-no-duplicate-props&quot;: 1,
      &quot;react/jsx-no-literals&quot;: 0,
      &quot;react/jsx-no-undef&quot;: 1,
      &quot;react/jsx-pascal-case&quot;: 1,
      &quot;react/jsx-sort-prop-types&quot;: 0,
      &quot;react/jsx-sort-props&quot;: 0,
      &quot;react/jsx-uses-react&quot;: 1,
      &quot;react/jsx-uses-vars&quot;: 1,
      &quot;react/jsx-wrap-multilines&quot;: 1,
      &quot;react/no-danger&quot;: 1,
      &quot;react/no-did-mount-set-state&quot;: 1,
      &quot;react/no-did-update-set-state&quot;: 1,
      &quot;react/no-direct-mutation-state&quot;: 1,
      &quot;react/no-multi-comp&quot;: 1,
      &quot;react/no-set-state&quot;: 0,
      &quot;react/no-unknown-property&quot;: 1,
      &quot;react/prefer-es6-class&quot;: 1,
      &quot;react/prop-types&quot;: 1,
      &quot;react/react-in-jsx-scope&quot;: 1,
      &quot;import/extensions&quot;: 1,
      &quot;react/self-closing-comp&quot;: 1,
      &quot;react/sort-comp&quot;: 1
    },
    &quot;globals&quot;: {}
  }
}
"><pre class="notranslate"><code class="notranslate">{
  "name": "",
  "version": "1.0.0",
  "description": "",
  "engines": {
    "npm": "&gt;=3"
  },
  "scripts": {
    "preinstall": "node tools/nodeVersionCheck.js",
    "setup": "node tools/setup/setupMessage.js &amp;&amp; npm install &amp;&amp; node tools/setup/setup.js",
    "start-message": "babel-node tools/startMessage.js",
    "prestart": "npm-run-all --parallel start-message",
    "start": "npm-run-all --parallel test:watch open:src lint:watch",
    "open:src": "babel-node tools/srcServer.js",
    "open:dist": "babel-node tools/distServer.js",
    "lint": "esw webpack.config.* src tools --color",
    "lint:watch": "npm run lint -- --watch",
    "clean-dist": "npm run remove-dist &amp;&amp; mkdir dist",
    "remove-dist": "rimraf ./dist",
    "prebuild": "npm run clean-dist &amp;&amp; npm run lint &amp;&amp; npm run test",
    "build": "babel-node tools/build.js &amp;&amp; npm run open:dist",
    "test": "jest",
    "test:CI": "babel-node tools/testCi.js",
    "test:cover": "npm run test -- --coverage ",
    "test:cover:CI": "npm run test:CI -- --coverage &amp;&amp; cat ./coverage/lcov.info | node_modules/coveralls/bin/coveralls.js",
    "test:watch": "npm run test -- --watch",
    "open:cover": "npm run test:cover &amp;&amp; opn ./coverage/lcov-report/index.html",
    "analyze-bundle": "babel-node ./tools/analyzeBundle.js"
  },
  "author": "David Shusterman",
  "license": "MIT",
  "dependencies": {
    "bootstrap": "3.3.7",
    "material-ui": "0.18.7",
    "object-assign": "4.1.0",
    "react-collapsible": "1.5.0",
    "react-redux": "5.0.5",
    "react-router": "3.0.5",
    "react-router-redux": "4.0.8",
    "react-tap-event-plugin": "2.0.1",
    "redux": "3.6.0",
    "redux-infinite-scroll": "1.0.9",
    "redux-thunk": "2.1.0"
  },
  "devDependencies": {
    "react": "15.5.4",
    "react-dom": "15.5.4",
    "autoprefixer": "7.1.2",
    "babel-cli": "6.24.1",
    "babel-core": "6.25.0",
    "babel-eslint": "7.2.3",
    "babel-jest": "20.0.3",
    "babel-loader": "7.1.1",
    "babel-plugin-transform-class-properties": "6.24.1",
    "babel-plugin-transform-react-constant-elements": "6.23.0",
    "babel-plugin-transform-react-remove-prop-types": "0.4.6",
    "babel-polyfill": "6.23.0",
    "babel-preset-env": "1.6.0",
    "babel-preset-react": "6.24.1",
    "babel-preset-react-hmre": "1.1.1",
    "babel-preset-stage-0": "6.24.1",
    "babel-preset-stage-1": "6.24.1",
    "babel-preset-stage-2": "6.24.1",
    "browser-sync": "2.18.12",
    "chalk": "2.0.1",
    "connect-history-api-fallback": "1.3.0",
    "coveralls": "2.13.1",
    "css-loader": "0.28.4",
    "enzyme": "2.9.1",
    "eslint": "4.2.0",
    "eslint-plugin-import": "2.7.0",
    "eslint-plugin-react": "7.1.0",
    "eslint-watch": "3.1.2",
    "extract-text-webpack-plugin": "3.0.0-rc.2",
    "file-loader": "0.11.2",
    "html-webpack-plugin": "2.29.0",
    "identity-obj-proxy": "3.0.0",
    "jest": "20.0.4",
    "jest-cli": "20.0.4",
    "json-loader": "0.5.4",
    "mockdate": "2.0.1",
    "node-sass": "4.5.3",
    "npm-run-all": "4.0.2",
    "opn-cli": "3.1.0",
    "postcss-loader": "1.2.1",
    "prompt": "1.0.0",
    "prop-types": "15.5.10",
    "react-hot-loader": "3.0.0-beta.6",
    "react-test-renderer": "15.5.4",
    "redux-immutable-state-invariant": "2.0.0",
    "replace": "0.3.0",
    "rimraf": "2.6.1",
    "sass-loader": "6.0.6",
    "style-loader": "0.18.2",
    "url-loader": "0.5.9",
    "webpack": "3.1.0",
    "webpack-bundle-analyzer": "2.8.2",
    "webpack-dev-middleware": "1.11.0",
    "webpack-hot-middleware": "2.18.2",
    "webpack-md5-hash": "0.0.5"
  },
  "peerDependencies": {
    "react": "^0.14.0 || ^15.0.0-0 || ^16.0.0-0",
    "redux": "^2.0.0 || ^3.0.0"
  },
  "jest": {
    "moduleNameMapper": {
      "\\.(css|scss)$": "identity-obj-proxy",
      "^.+\\.(gif|ttf|eot|svg|woff|woff2|ico)$": "&lt;rootDir&gt;/tools/fileMock.js"
    }
  },
  "babel": {
    "presets": [
      "react",
      "stage-0",
      "stage-1",
      "stage-2"
    ],
    "env": {
      "development": {
        "presets": [
          "env",
          "react-hmre",
          "stage-0",
          "stage-1",
          "stage-2"
        ]
      },
      "production": {
        "presets": [
          [
            "env",
            {
              "es2015": {
                "modules": false
              }
            }
          ]
        ],
        "plugins": [
          "transform-class-properties",
          "transform-react-constant-elements",
          "transform-react-remove-prop-types"
        ]
      },
      "test": {
        "presets": [
          "env"
        ]
      }
    }
  },
  "eslintConfig": {
    "root": true,
    "extends": [
      "eslint:recommended",
      "plugin:import/errors",
      "plugin:import/warnings"
    ],
    "plugins": [
      "react"
    ],
    "parser": "babel-eslint",
    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true,
        "experimentalObjectRestSpread": true
      }
    },
    "env": {
      "es6": true,
      "browser": true,
      "node": true,
      "jquery": true,
      "jest": true
    },
    "rules": {
      "quotes": 0,
      "no-console": 1,
      "no-debugger": 1,
      "no-var": 1,
      "semi": [
        1,
        "always"
      ],
      "no-trailing-spaces": 0,
      "eol-last": 0,
      "no-underscore-dangle": 0,
      "no-alert": 0,
      "no-lone-blocks": 0,
      "jsx-quotes": 1,
      "react/display-name": [
        1,
        {
          "ignoreTranspilerName": false
        }
      ],
      "react/forbid-prop-types": [
        1,
        {
          "forbid": [
            "any"
          ]
        }
      ],
      "react/jsx-boolean-value": 0,
      "react/jsx-closing-bracket-location": 0,
      "react/jsx-curly-spacing": 1,
      "react/jsx-indent-props": 0,
      "react/jsx-key": 1,
      "react/jsx-max-props-per-line": 0,
      "react/jsx-no-bind": 0,
      "react/jsx-no-duplicate-props": 1,
      "react/jsx-no-literals": 0,
      "react/jsx-no-undef": 1,
      "react/jsx-pascal-case": 1,
      "react/jsx-sort-prop-types": 0,
      "react/jsx-sort-props": 0,
      "react/jsx-uses-react": 1,
      "react/jsx-uses-vars": 1,
      "react/jsx-wrap-multilines": 1,
      "react/no-danger": 1,
      "react/no-did-mount-set-state": 1,
      "react/no-did-update-set-state": 1,
      "react/no-direct-mutation-state": 1,
      "react/no-multi-comp": 1,
      "react/no-set-state": 0,
      "react/no-unknown-property": 1,
      "react/prefer-es6-class": 1,
      "react/prop-types": 1,
      "react/react-in-jsx-scope": 1,
      "import/extensions": 1,
      "react/self-closing-comp": 1,
      "react/sort-comp": 1
    },
    "globals": {}
  }
}

</code></pre></div>
<p dir="auto">webpack.config:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import webpack from 'webpack';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import autoprefixer from 'autoprefixer';
import path from 'path';

export default {
  resolve : {
    extensions: [
      '*', '.js', '.jsx', '.json'
    ]
  },
  devtool : 'eval-source-map', // more info:https://webpack.github.io/docs/build-performance.html#sourcemaps and https://webpack.github.io/docs/configuration.html#devtool
  entry : [
    // must be first entry to properly set public path
    './src/webpack-public-path',
    'react-hot-loader/patch',
    'webpack-hot-middleware/client?reload=true',
    path.resolve(__dirname, 'src/index.js') // Defining path seems necessary for this to work consistently on Windows machines.
  ],
  target : 'web', // necessary per https://webpack.github.io/docs/testing.html#compile-and-test
  output : {
    path: path.resolve(__dirname, 'dist'), // Note: Physical files are only output by the production build task `npm run build`.
    publicPath: '/',
    filename: 'bundle.js'
  },
  plugins : [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('development'), // Tells React to build in either dev or prod modes. https://facebook.github.io/react/downloads.html (See bottom)
      __DEV__: true
    }),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new HtmlWebpackPlugin({ // Create HTML file that includes references to bundled CSS and JS.
      template: 'src/index.ejs',
      minify: {
        removeComments: true,
        collapseWhitespace: true
      },
      inject: true
    }),
    new webpack.LoaderOptionsPlugin({
      minimize: false, debug: true, noInfo: true, // set to false to see a list of every file being bundled.
      options: {
        sassLoader: {
          includePaths: [path.resolve(__dirname, 'src', 'scss')]
        },
        context: '/',
        postcss: () =&gt; [autoprefixer]
      }
    })
  ],
  module : {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loaders: ['babel-loader']
      }, {
        test: /\.eot(\?v=\d+.\d+.\d+)?$/,
        loader: 'file-loader'
      }, {
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'url-loader?limit=10000&amp;mimetype=application/font-woff'
      }, {
        test: /\.[ot]tf(\?v=\d+.\d+.\d+)?$/,
        loader: 'url-loader?limit=10000&amp;mimetype=application/octet-stream'
      }, {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url-loader?limit=10000&amp;mimetype=image/svg+xml'
      }, {
        test: /\.(jpe?g|png|gif)$/i,
        loader: 'file-loader?name=[name].[ext]'
      }, {
        test: /\.ico$/,
        loader: 'file-loader?name=[name].[ext]'
      }, {
        test: /(\.css|\.scss|\.sass)$/,
        loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']
      }
    ]
  }
};
"><pre class="notranslate"><code class="notranslate">import webpack from 'webpack';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import autoprefixer from 'autoprefixer';
import path from 'path';

export default {
  resolve : {
    extensions: [
      '*', '.js', '.jsx', '.json'
    ]
  },
  devtool : 'eval-source-map', // more info:https://webpack.github.io/docs/build-performance.html#sourcemaps and https://webpack.github.io/docs/configuration.html#devtool
  entry : [
    // must be first entry to properly set public path
    './src/webpack-public-path',
    'react-hot-loader/patch',
    'webpack-hot-middleware/client?reload=true',
    path.resolve(__dirname, 'src/index.js') // Defining path seems necessary for this to work consistently on Windows machines.
  ],
  target : 'web', // necessary per https://webpack.github.io/docs/testing.html#compile-and-test
  output : {
    path: path.resolve(__dirname, 'dist'), // Note: Physical files are only output by the production build task `npm run build`.
    publicPath: '/',
    filename: 'bundle.js'
  },
  plugins : [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('development'), // Tells React to build in either dev or prod modes. https://facebook.github.io/react/downloads.html (See bottom)
      __DEV__: true
    }),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new HtmlWebpackPlugin({ // Create HTML file that includes references to bundled CSS and JS.
      template: 'src/index.ejs',
      minify: {
        removeComments: true,
        collapseWhitespace: true
      },
      inject: true
    }),
    new webpack.LoaderOptionsPlugin({
      minimize: false, debug: true, noInfo: true, // set to false to see a list of every file being bundled.
      options: {
        sassLoader: {
          includePaths: [path.resolve(__dirname, 'src', 'scss')]
        },
        context: '/',
        postcss: () =&gt; [autoprefixer]
      }
    })
  ],
  module : {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loaders: ['babel-loader']
      }, {
        test: /\.eot(\?v=\d+.\d+.\d+)?$/,
        loader: 'file-loader'
      }, {
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'url-loader?limit=10000&amp;mimetype=application/font-woff'
      }, {
        test: /\.[ot]tf(\?v=\d+.\d+.\d+)?$/,
        loader: 'url-loader?limit=10000&amp;mimetype=application/octet-stream'
      }, {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url-loader?limit=10000&amp;mimetype=image/svg+xml'
      }, {
        test: /\.(jpe?g|png|gif)$/i,
        loader: 'file-loader?name=[name].[ext]'
      }, {
        test: /\.ico$/,
        loader: 'file-loader?name=[name].[ext]'
      }, {
        test: /(\.css|\.scss|\.sass)$/,
        loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']
      }
    ]
  }
};

</code></pre></div>
<p dir="auto">Can somone help please?<br>
Thanks!</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<h2 dir="auto">Current Behavior</h2>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>
    
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td></td>
</tr>
<tr>
<td>React</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>