材质 UI 样式的组件如何应用样式

Question

Styled with styled = 使用 MaterialUI 的组件
LoginTextField 中出现以下错误。
不知道怎么解决。

错误消息
[ts] 类型'{宽度：数字； }' 缺少来自类型 'Pick & Partial<...>、“label” | 的以下属性... 283 更多... | "width">': style, ref, className, onFocus 等 7 个。 [2740]

环境
打字稿，
React.js（钩子），
材质用户界面，
样式化组件，

// styleButton.tsx
import { Button,TextField } from "@material-ui/core";
import styled from "styled-components";

export const LoginTextField = styled(TextField)<{ width: number }>`
  width: ${(props) => props.width};
`

// index.tsx
import React, { FC, useState } from "react";
import styled from "styled-components";
import { LoginTextField } from "../components/styleButton"

export const Login: FC = () => {

return (
<LoginTextField width={600}></ LoginTextField>
)

Answer 1

换成 styleButton.tsx 试试这个

import { Button, TextField, TextFieldProps } from "@material-ui/core";
import styled from "styled-components";

//type aliases 
type StyledTextFieldProps = TextFieldProps && { width: number };

export const LoginTextField = styled(TextField)`
   width: ${(props: StyledTextFieldProps) => props.width} 
` as React.ComponentType<StyledTextFieldProps>;