概述的材质UI TextField不能正确呈现

Question

我正在尝试在项目中添加带有大纲的TextField，但是它无法正确呈现。

我得到以下

我不知道为什么，如果在CodePen中运行它就可以了。

您知道为什么我要显示文本区域的下划线并同时移动内容以使其不在轮廓边框内居中吗？

组件：

import React from 'react';

import TextField from '@material-ui/core/TextField';


class Test extends React.Component {

    render() {
        return (
            <TextField
                label="some text"
                margin="normal"
                variant="outlined"
            />
        );
    }
}


export default Test;