material-ui TextField未清除

import React, { useState } from 'react';
import TextField from '@material-ui/core/TextField';

const MyForm = () => {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  const handleClearInput = () => {
    setInputValue('');
  };

  return (
    <div>
      <TextField
        label="Input"
        value={inputValue}
        onChange={handleInputChange}
      />
      <button onClick={handleClearInput}>Clear</button>
    </div>
  );
};

export default MyForm;