Material UI: Create Normal Looking TextFields The Easy Way

import FormControl from '@mui/material/FormControl';
import FormLabel from '@mui/material/FormLabel';
import OutlinedInput from '@mui/material/OutlinedInput';

function TextFieldDemo() {
  return (
    <FormControl size="small">
      <FormLabel htmlFor="first-name">First name</FormLabel>
      <OutlinedInput id="first-name" />
    </FormControl>
  )
}