Enabling JOI validator

joi is not included in the package, so you have to install it manually.

First of all install joi to enable the JOI plugin.

npm install --save joi

Define the JOI schema

const $schema = j.object({
	products: j.array().items(
	  j.object({
        name: j.string().min(3).required(),
        qty: j.number().integer().min(0).required(),
        amount: j.number().min(0).required(),
      }).optional()
    )
  });

Define a plugins object

Pass the JOI package and the previously defined schema to the JOI plugin.

import joi from 'mobx-react-form/lib/validators/JOI';
import j from 'joi';

const plugins = {
  joi: joi({
    package: j,
    schema: $schema,
    extend: ({ validator, form }) => {
      ... // access joi validator and form instances
    },
  })
};

Create the form passing the plugins object

new Form({ ... }, { plugins });

Note: JOI does not support the extend callback or async validation pipelines through mobx-react-form's plugin system. For custom validation and async rules, use JOI's native .custom() method on the schema directly.