如何让我的服务器端Joi验证在redux-form中正常工作？

const Joi = require('joi');

const userSchema = Joi.object({
  username: Joi.string().alphanum().min(3).max(30).required(),
  email: Joi.string().email().required(),
  password: Joi.string().min(6).required(),
});

function validateUser(user) {
  const { error } = userSchema.validate(user);
  if (error) throw error;
}

import React from 'react';
import { Field, reduxForm } from 'redux-form';

const validate = (values) => {
  const errors = {};
  if (!values.username) {
    errors.username = 'Required';
  } else if (values.username.length < 3) {
    errors.username = 'Must be 3 or more characters';
  }
  // ...其他验证规则
  return errors;
};

const renderField = ({ input, label, type, meta: { touched, error } }) => (
  <div>
    <label>{label}</label>
    <div>
      <input {...input} type={type} placeholder={label} />
      {touched && error && <span>{error}</span>}
    </div>
  </div>
);

const UserForm = (props) => {
  const { handleSubmit } = props;
  return (
    <form onSubmit={handleSubmit}>
      <Field name="username" type="text" component={renderField} label="Username" />
      {/* ...其他字段 */}
      <button type="submit">Submit</button>
    </form>
  );
};

export default reduxForm({
  form: 'userForm',
  validate, // 添加验证函数
})(UserForm);

// Joi模式定义
export const userSchema = Joi.object({
  // ...同上
});

// 客户端验证函数
export const validate = (values) => {
  const errors = {};
  try {
    userSchema.validateSync(values, { abortEarly: false });
  } catch (error) {
    error.details.forEach((detail) => {
      errors[detail.path[0]] = detail.message;
    });
  }
  return errors;
};