Better Redux Form Error handling with Yup

validate.js

import yup from 'yup'
import yupErroToReduxFormError from './yupErroToReduxFormError'

// yup schema
const schema = yup.object().shape(...)

// this would be our sync Redux Form validation function
// yup can also validate asynchronously with the yup.validate method
export default (values) => {

    let errors = {}

    try {

        const validation = schema
            .validateSync(values, {
                abortEarly: false
            })

    } catch (err) {

        errors = yupErrorToReduxFormError(err)

    }

    return errors

}

yupErroToReduxFormError.js

const yupErrorToReduxFormError = error =>
  error && error.inner && error.inner.reduce((accumulator, err) => {
    return {
      ...accumulator,
      [err.path]: err.message
    }
  }, {})

export default yupErrorToReduxFormError