如何在React上使用MUI应用-webkit-autofill？

/* 用于处理-webkit-autofill样式的hack */
@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent;
  }
}

/* 应用-webkit-autofill样式 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

import React from 'react';
import { TextField } from '@mui/material';
import '@mui/material/TextField/TextField.css';

class MyForm extends React.Component {
  render() {
    return (
      <form>
        <TextField label="Username" variant="outlined" name="username" />
        <TextField label="Password" variant="outlined" name="password" type="password" />
      </form>
    );
  }
}

export default MyForm;