显示textField错误消息时，Material UI按钮下移

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

const MyComponent = () => {
  const [error, setError] = useState(false);

  const handleInputChange = (event) => {
    // 检查输入的值是否符合要求
    if (event.target.value.length < 5) {
      setError(true);
    } else {
      setError(false);
    }
  };

  return (
    <div>
      <TextField
        label="输入框"
        error={error}
        onChange={handleInputChange}
      />
      {error && (
        <div className="error-message" style={{ marginTop: '10px' }}>
          错误消息：输入的值太短。
        </div>
      )}
      <button>提交</button>
    </div>
  );
};

export default MyComponent;