Parsing failed after yarn update to latest

Expected Behavior

The application should properly compile, build, and serve.

Current Behavior

Application is unable to compile (see below for logs).

Failure Information (for bugs)

The application was building properly on version 8.1.2. I required an update to latest to fix an es5/differential loading issue. I ran yarn update as per the documentation and my application no longer compiles.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. yarn update (from version 8.1.2 -> latest)
2. yarn start

Failure Logs

Receiving the following message on compilation (yarn start):

ERROR in ./index.tsx 10:16
Module parse failed: Unexpected token (10:16)
File was processed with these loaders:
 * ../../../node_modules/@nrwl/web/node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| import { Provider } from 'react-redux';
| import App from './App';
> ReactDOM.render(<Provider store={store}>
|     <ConnectedRouter history={history}>
|       <App />
ℹ ｢wdm｣: Failed to compile.
No type errors found
Version: typescript 3.4.5

Other

Here are my tsconfig files (first is for global and second is for my specific application).

{
  "compileOnSave": false,
  "compilerOptions": {
    "allowJs": true,
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es5",
    "module": "esnext",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2017", "dom"],
    "skipLibCheck": true,
    "skipDefaultLibCheck": true,
    "baseUrl": ".",
    "rootDir": "."
  },
  "exclude": ["node_modules", "tmp"]
}

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "jsx": "react",
    "allowJs": true,
    "types": ["node", "jest"]
  },
  "paths": {
    "@components/*": ["src/components/*"],
    "@environment/*": ["src/environment/*"],
    "@redux/*": ["src/redux/*"]
  },
  "include": ["**/*.ts", "**/*.tsx"]
}

[jaysoo]

Sorry, I meant replacing the webpackConfig entry with @nrwl/react/plugins/babel.

[jaysoo]

@sagarpatel8384 No problem! You can still use your own custom webpack if you want, just make sure to import the function from @nrwl/react/plugins/babel and call that in your own custom config function first.