Collection

View code on GitHub
key: 0
key: 1

Conditioned collection

This show that an unmount collection is unregister, then the collection keys are reset on remount

Nested collections

This show that an unmount collection is unregister, then the collection keys are reset on remount

Managed from form

This show that we can update collection even if we don't have direct access to the collection definition

Collection is defined here

# useFormContext()

{
  "id": ":R5t6:",
  "resetKey": 0,
  "isReady": true,
  "isSubmitted": false,
  "isValid": true,
  "isValidating": false,
  "isPristine": true,
  "steps": [],
  "isStepPristine": true,
  "isStepValid": true,
  "isStepValidating": true,
  "isStepSubmitted": false,
  "isFirstStep": true,
  "isLastStep": true
}

# useFormFields()

{
  "members": [
    {
      "name": {
        "id": "formiz-:R5t6:-field-members[0].name__:R1565adalt6:",
        "isValid": true,
        "shouldDisplayError": false,
        "isTouched": false,
        "errorMessages": [],
        "isPristine": true,
        "isSubmitted": false,
        "isValidating": false,
        "isExternalProcessing": false,
        "isDebouncing": false,
        "isProcessing": false,
        "isReady": true,
        "resetKey": 0,
        "value": "Default name (1)",
        "rawValue": "Default name (1)"
      },
      "company": {
        "id": "formiz-:R5t6:-field-members[0].company__:R1765adalt6:",
        "isValid": true,
        "shouldDisplayError": false,
        "isTouched": false,
        "errorMessages": [],
        "isPristine": true,
        "isSubmitted": false,
        "isValidating": false,
        "isExternalProcessing": false,
        "isDebouncing": false,
        "isProcessing": false,
        "isReady": true,
        "resetKey": 0,
        "value": "Initial Company (1)",
        "rawValue": "Initial Company (1)"
      }
    },
    {
      "name": {
        "id": "formiz-:R5t6:-field-members[1].name__:R15a5adalt6:",
        "isValid": true,
        "shouldDisplayError": false,
        "isTouched": false,
        "errorMessages": [],
        "isPristine": true,
        "isSubmitted": false,
        "isValidating": false,
        "isExternalProcessing": false,
        "isDebouncing": false,
        "isProcessing": false,
        "isReady": true,
        "resetKey": 0,
        "value": "Initial Name (2)",
        "rawValue": "Initial Name (2)"
      },
      "company": {
        "id": "formiz-:R5t6:-field-members[1].company__:R17a5adalt6:",
        "isValid": true,
        "shouldDisplayError": false,
        "isTouched": false,
        "errorMessages": [],
        "isPristine": true,
        "isSubmitted": false,
        "isValidating": false,
        "isExternalProcessing": false,
        "isDebouncing": false,
        "isProcessing": false,
        "isReady": true,
        "resetKey": 0,
        "value": "Initial Company (2)",
        "rawValue": "Initial Company (2)"
      }
    }
  ]
}