如何使Material UI TextField具有与内容相同的宽度？

import { makeStyles } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';

const useStyles = makeStyles((theme) => ({
  textField: {
    width: 'fit-content', // 或者使用 'max-content'
  },
}));

function MyTextField() {
  const classes = useStyles();

  return (
    <TextField
      className={classes.textField}
      label="Label"
      variant="outlined"
      value="Content"
    />
  );
}

import { Grid, TextField } from '@material-ui/core';

function MyTextField() {
  return (
    <Grid container>
      <Grid item xs={12}>
        <TextField label="Label" variant="outlined" value="Content" />
      </Grid>
    </Grid>
  );
}