Setup

Install create-react-app typescript

npm install -g create-react-app

create-react-app my-app --scripts-version=react-scripts-ts

Install antd

yarn add antd

yarn add react-app-rewired --dev

/* package.json */"scripts": {"start": "react-app-rewired start --scripts-version react-scripts-ts","build": "react-app-rewired build --scripts-version react-scripts-ts","test": "react-app-rewired test --env=jsdom --scripts-version react-scripts-ts",}

Then create a config-overrides.js at root directory of your project for further overriding.

/* config-overrides.js */consttsImportPluginFactory=require('ts-import-plugin')const{ getLoader }=require("react-app-rewired");module.exports=functionoverride(config,env){consttsLoader=getLoader(config.module.rules,rule=>rule.loader&&typeofrule.loader==='string'&&rule.loader.includes('ts-loader'));tsLoader.options={getCustomTransformers: ()=>({before: [tsImportPluginFactory({libraryDirectory: 'es',libraryName: 'antd',style: 'css',})]})};returnconfig;}

Install MobX

yarn install mobx mobx-react

/* tsconfig.json */{"compilerOptions": {
...
"experimentalDecorators": true,
...
}}