Syr sample project not running

[ssaxena00]

• syr-cli version: latest
• syr version: latest
• npm version: 6.4.1

After setting up a sample project from the syr-cli tool, I tried running it, but webpack fails to compile for the following error.

Relevant code:

ERROR in ./node_modules/@syr/core/lib/store.js
Module parse failed: Unexpected token (22:15)
You may need an appropriate loader to handle this file type.
|       }
|       render() {
|         return <this._originalComponent data={this.state} />;
|       }
| 
 @ ./node_modules/@syr/core/index.js 42:0-39
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 ./src/index.js

These are the dependencies in the package.json file (defaults generated by syr init sample).

"devDependencies": {
    "@syr/core": "^1.5.4",
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-syntax-jsx": "latest",
    "babel-preset-env": "^1.6.1",
    "file-loader": "^1.1.5",
    "html-webpack-plugin": "^2.29.0",
    "html-webpack-template": "^6.0.1",
    "json-loader": "^0.5.4",
    "uglifyjs-webpack-plugin": "^0.4.6",
    "webpack": "^3.1.0",
    "webpack-dev-server": "^2.4.5"
  }

I am assuming this has to do with conflicts between the versions, but I am not sure.