Как настроить Type Script c React (.tsx) используя babel 7, через настройки в конфиге webpack 4?

module.exports = () => ({
  module: {
    rules: [
      {
        test: /\.j|tsx?$/,
        loader: 'babel-loader',
        exclude: /\/node_modules\//,
        options: {
          presets: [
            '@babel/preset-env',
            '@babel/preset-react',
            ["@babel/preset-typescript", {
              "isTSX": true,
              "allExtensions": true
            }]
          ],
          plugins: [
            '@babel/plugin-proposal-class-properties'
          ],
        }
      }
    ]
  }
});

import React, { PureComponent } from 'react';
import './test.pcss';

interface Props {
  name: boolean
}

export default class Test extends PureComponent<Props> {
  render() {
    const { name } = this.props;
    return (
      <div className="test">
        <span>{name}</span>
      </div>
    )
  }
}

import ReactDOM from 'react-dom';
import React from 'react';
import Test from './tmp';

document.addEventListener('DOMContentLoaded', ()=> {
  ReactDOM.render(
    <Test name={12312312}/>,
    test
  );
});