[React][TypeScript][MUI] MUI TextField 커스텀해보자

커스텀 하고싶은 부분은
1. width

2. height

3. 텍스트 필드 앞부분 혹은 뒷부분에 아이콘 및 이미지 넣기

4. border 

5. background

    <TextField
    InputProps={{
      //텍스트 필드 앞부분에 아이콘 넣기 (뒤에도 가능)
      startAdornment: (
        <InputAdornment position="start">
          <BiSearch size={15} />
        </InputAdornment>
      ),
    }}
    sx={{
      //border 변경
      "& fieldset": { border: "none" },
      //배경색상 변경
      backgroundColor: "white",
      //height 및 width 변경
      "& .MuiInputBase-root": {
        height: 48,
      },
    }}
    />

결과화면