

環境  
・reactとTypescriptを使っています  
・デザインはmaterial UIを使っています。  
・スタイルlはstyled-componentsで当てています。

わからないこと  
Material UIからText Fileldをimportしてきてstyled-componetsを使ってスタイルを当てました。  
しかし下記のようなエラーが出てしましました。  
わかる人いましたらご教授お願いしたいです

**エラー内容**

[code]

    [ts] Type '{ id: string; variant: "outlined"; label: string; onChange: (e: ChangeEvent<HTMLInputElement>) => void; }' is missing the following properties from type 'Pick<Pick<TextFieldProps, "label" | "slot" | "select" | "style" | "title" | "ref" | "type" | "name" | "className" | "classes" | "innerRef" | "children" | "key" | "defaultChecked" | ... 269 more ... | "value"> & Partial<...>, "label" | ... 282 more ... | "value">': style, ref, type, className, and 10 more. [2740]
    
[/code]

**コード**

[code]

    const StyledTextField = styled(TextField)`
      width: 200px;
      text-align: center;
      `;
    
        <StyledTextField
          id="outlined-basic"
          variant="outlined"
          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
            setState({ ...state, name: e.target.value})
          }}
        />
    
[/code]


CC BY-SA 4.0
2020-05-21T06:47:06.367
66836
2020-05-21T07:18:55.583
2020-05-21T07:18:55.583
3060
32651
question
reactjs typescript material-ui
react typescript materialUIを使ったスタイルの当て方