[React] Babel-loader breaks the sourcemap of typescript

[pot-code]

Webpack Version:
4.30

Babel Core Version:
7.8.3

Babel Loader Version:
8.0.5

React Version:
16.8.6

Please tell us about your environment:
OSX 10.13.6

Current behavior:
babel-loader breaks the tsx sourcemap, it produces transformed js code in sourcemap

Expected/desired behavior:
produce original typescript style code

Webpack config(most relevant code):

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: ['happypack/loader?id=tsx'],
        exclude: node_modules
      },
      // ...
    ]
  },
  plugins: [
    // ...
    new HappyPack({
      id: 'tsx',
      loaders: [
        {
          loader: 'ts-loader',
          options: { transpileOnly: true, happyPackMode: true }
        },
        { loader: 'babel-loader' }
      ]
    }),
  ],
  optimization: {
    runtimeChunk: {
      name: 'boostrap'
    },
    splitChunks: {
      cacheGroups: {
        vendors: false,
        default: false,
        vendor: {
          chunks: 'all',
          name: 'vendor',
          test: /node_modules/
        }
      }
    }
  }
}

babelrc:

{
  "presets": [
    "@babel/preset-typescript",
    [
      "@babel/preset-env",
      {
        "targets": {
          "browsers": [
            "> 1%",
            "last 2 versions",
            "not ie <= 8"
          ]
        }
      }
    ]
  ],
  "plugins": [
    "react-hot-loader/babel",
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-class-properties",
    [
      "react-css-modules",
      {
        "generateScopedName": "[name]-[local]__[hash:base64:5]",
        "webpackHotModuleReloading": true,
        "filetypes": {
          ".less": {
            "syntax": "postcss-less"
          }
        }
      }
    ]
  ]
}

tsconfig.json(most relevant):

{
  "compilerOptions": {
    "jsx": "react",
    "sourceMap": true,
    "module": "es6",
    "moduleResolution": "node",
    "target": "es6",
    "esModuleInterop": true,
    "lib": [
      "dom",
      "es6"
    ],
  },
}

[francisu]

I'm having this problem. Any hint of a solution here?

[pot-code]

I'm having this problem. Any hint of a solution here?

@francisu Please post your config

[francisu]

Thanks for the quick response, I worked it out. I did not have "sourceMap": true in my tsconfig.json; putting that there fixed the problem.

[pot-code]

@francisu That's great!