mapValidationErrors

Call Signature

mapValidationErrors(error): FieldErrors

Defined in: react/src/validation.ts:63

Maps validation error issues to a simple field -> message object. Returns the first error message for each field path.

Parameters

error

ValidationError

Returns

FieldErrors

Example

const { mutate } = useActorMutation({
  functionName: "transfer",
  onError: (error) => {
    if (isValidationError(error)) {
      const fieldErrors = mapValidationErrors(error)
      // { to: "Recipient is required", amount: "Must be a number" }

      // Use with React Hook Form
      Object.entries(fieldErrors).forEach(([field, message]) => {
        form.setError(field, { message })
      })
    }
  }
})

Call Signature

mapValidationErrors(error, options): FieldErrorsMultiple

Defined in: react/src/validation.ts:64

Maps validation error issues to a simple field -> message object. Returns the first error message for each field path.

Parameters

error

ValidationError

options

multiple

true

Returns

FieldErrorsMultiple

Example

const { mutate } = useActorMutation({
  functionName: "transfer",
  onError: (error) => {
    if (isValidationError(error)) {
      const fieldErrors = mapValidationErrors(error)
      // { to: "Recipient is required", amount: "Must be a number" }

      // Use with React Hook Form
      Object.entries(fieldErrors).forEach(([field, message]) => {
        form.setError(field, { message })
      })
    }
  }
})

Call Signature

mapValidationErrors(error, options): FieldErrors

Defined in: react/src/validation.ts:68

Maps validation error issues to a simple field -> message object. Returns the first error message for each field path.

Parameters

error

ValidationError

options

multiple

false

Returns

FieldErrors

Example

const { mutate } = useActorMutation({
  functionName: "transfer",
  onError: (error) => {
    if (isValidationError(error)) {
      const fieldErrors = mapValidationErrors(error)
      // { to: "Recipient is required", amount: "Must be a number" }

      // Use with React Hook Form
      Object.entries(fieldErrors).forEach(([field, message]) => {
        form.setError(field, { message })
      })
    }
  }
})