.babelrc

{
	"presets": [ [ "@babel/preset-env" ], "@babel/preset-react" ],
	"plugins": [
		"@babel/plugin-transform-runtime",
		[
			"import",
			{
				"libraryName": "@material-ui/core",
				"libraryDirectory": "",
				"camel2DashComponentName": false,
				"style": false
			},
			"material_core"
		],
		[
			"import",
			{
				"libraryName": "@material-ui/icons",
				"libraryDirectory": "",
				"camel2DashComponentName": false,
				"style": false
			},
			"material_icon"
		],
		"@babel/plugin-syntax-dynamic-import",
		"@babel/plugin-syntax-import-meta",
		"@babel/plugin-proposal-json-strings",
		[
			"@babel/plugin-proposal-decorators",
			{
				"legacy": true
			}
		],
		[ "@babel/plugin-proposal-class-properties", { "loose": true } ],
		"@babel/plugin-proposal-function-sent",
		"@babel/plugin-proposal-export-namespace-from",
		"@babel/plugin-proposal-numeric-separator",
		"@babel/plugin-proposal-throw-expressions",
		"@babel/plugin-proposal-export-default-from",
		"@babel/plugin-proposal-logical-assignment-operators",
		"@babel/plugin-proposal-optional-chaining",
		[
			"@babel/plugin-proposal-pipeline-operator",
			{
				"proposal": "minimal"
			}
		],
		"@babel/plugin-proposal-nullish-coalescing-operator",
		"@babel/plugin-proposal-do-expressions",
		"@babel/plugin-proposal-function-bind"
	],
	"env": {
		"production": {
			"plugins": [
				[
					"emotion",
					{
						"hoist": true
					}
				]
			]
		},
		"development": {
			"plugins": [
				"react-hot-loader/babel",
				[
					"emotion",
					{
						"sourceMap": true,
						"autoLabel": true
					}
				]
			]
		}
	}
}