使用React final form和Axios显示Api错误

import { Form, Field } from 'react-final-form';
import axios from 'axios';

const MyForm = () => {
  const onSubmit = async (values) => {
    try {
      const response = await axios.post('API_URL', values);
      console.log(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <Form
      onSubmit={onSubmit}
      render={({ handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          <div>
            <label>Username</label>
            <Field name="username" component="input" type="text" />
          </div>
          <div>
            <label>Password</label>
            <Field name="password" component="input" type="password" />
          </div>
          <button type="submit">Submit</button>
        </form>
      )}
    />
  );
};