Skip to content

Wrong form payload when adding properties in the schema #4761

@thereis

Description

@thereis

Prerequisites

What theme are you using?

core

Version

6.0.0-beta.15

Current Behavior

When adding new items to a schema that has patternProperties, the submitted form payload has incorrect chaining.

Also, it's not possible to delete the newly added properties:

Expected Behavior

When submitting the form, we should have the correct payload; also, we should be able to add and remove newly added properties.

Steps To Reproduce

  1. Visit the following URL in the playground to debug it or try the following schema:
{
  "type": "object",
  "properties": {
    "template": {
      "title": "Template",
      "description": "The template to replace placeholders in.",
      "examples": [
        "Hello, {{name}}! You are {{age}} years old."
      ],
      "type": "string"
    },
    "variables": {
      "title": "Variables",
      "description": "The variables to replace placeholders in.",
      "default": {
        "variables": ""
      },
      "examples": [
        {
          "name": "John",
          "age": 30
        },
        {
          "name": "Jane",
          "age": 25
        }
      ],
      "type": "object",
      "patternProperties": {
        "^(.*)$": {
          "anyOf": [
            {
              "$id": "string",
              "title": "String",
              "default": "",
              "description": "The string value to replace placeholders in.",
              "examples": [
                "John",
                "Jane"
              ],
              "type": "string"
            },
            {
              "$id": "number",
              "title": "Number",
              "default": 0,
              "description": "The number value to replace placeholders in.",
              "examples": [
                30,
                25
              ],
              "type": "number"
            }
          ]
        }
      }
    }
  },
  "required": [
    "template",
    "variables"
  ]
}

https://rjsf-team.github.io/react-jsonschema-form/#eyJmb3JtRGF0YSI6eyJ2YXJpYWJsZXMiOnsidmFyaWFibGVzMiI6eyJ2YXJpYWJsZXMiOnt9LCJuZXdLZXkiOm51bGx9LCJ2YXJpYWJsZXMiOnsidmFyaWFibGVzIjp7InZhcmlhYmxlcyI6eyJ2YXJpYWJsZXMiOnsidmFyaWFibGVzIjp7InZhcmlhYmxlcyI6eyJ2YXJpYWJsZXMiOnsidmFyaWFibGVzIjp7InZhcmlhYmxlcyI6eyJ2YXJpYWJsZXMyIjp7InZhcmlhYmxlcyI6e30sIm5ld0tleSI6bnVsbH19fX19fX19fX19fSwic2NoZW1hIjp7InR5cGUiOiJvYmplY3QiLCJwcm9wZXJ0aWVzIjp7InRlbXBsYXRlIjp7InRpdGxlIjoiVGVtcGxhdGUiLCJkZXNjcmlwdGlvbiI6IlRoZSB0ZW1wbGF0ZSB0byByZXBsYWNlIHBsYWNlaG9sZGVycyBpbi4iLCJleGFtcGxlcyI6WyJIZWxsbywge3tuYW1lfX0hIFlvdSBhcmUge3thZ2V9fSB5ZWFycyBvbGQuIl0sInR5cGUiOiJzdHJpbmcifSwidmFyaWFibGVzIjp7InRpdGxlIjoiVmFyaWFibGVzIiwiZGVzY3JpcHRpb24iOiJUaGUgdmFyaWFibGVzIHRvIHJlcGxhY2UgcGxhY2Vob2xkZXJzIGluLiIsImRlZmF1bHQiOnsidmFyaWFibGVzIjoiIn0sImV4YW1wbGVzIjpbeyJuYW1lIjoiSm9obiIsImFnZSI6MzB9LHsibmFtZSI6IkphbmUiLCJhZ2UiOjI1fV0sInR5cGUiOiJvYmplY3QiLCJwYXR0ZXJuUHJvcGVydGllcyI6eyJeKC4qKSQiOnsiYW55T2YiOlt7IiRpZCI6InN0cmluZyIsInRpdGxlIjoiU3RyaW5nIiwiZGVmYXVsdCI6IiIsImRlc2NyaXB0aW9uIjoiVGhlIHN0cmluZyB2YWx1ZSB0byByZXBsYWNlIHBsYWNlaG9sZGVycyBpbi4iLCJleGFtcGxlcyI6WyJKb2huIiwiSmFuZSJdLCJ0eXBlIjoic3RyaW5nIn0seyIkaWQiOiJudW1iZXIiLCJ0aXRsZSI6Ik51bWJlciIsImRlZmF1bHQiOjAsImRlc2NyaXB0aW9uIjoiVGhlIG51bWJlciB2YWx1ZSB0byByZXBsYWNlIHBsYWNlaG9sZGVycyBpbi4iLCJleGFtcGxlcyI6WzMwLDI1XSwidHlwZSI6Im51bWJlciJ9XX19fX0sInJlcXVpcmVkIjpbInRlbXBsYXRlIiwidmFyaWFibGVzIl19LCJ1aVNjaGVtYSI6eyJmaXJzdE5hbWUiOnsidWk6YXV0b2ZvY3VzIjp0cnVlLCJ1aTplbXB0eVZhbHVlIjoiIn19LCJ0aGVtZSI6ImRlZmF1bHQiLCJsaXZlU2V0dGluZ3MiOnsic2hvd0Vycm9yTGlzdCI6InRvcCIsInZhbGlkYXRlIjpmYWxzZSwiZGlzYWJsZWQiOmZhbHNlLCJub0h0bWw1VmFsaWRhdGUiOmZhbHNlLCJyZWFkb25seSI6ZmFsc2UsIm9taXRFeHRyYURhdGEiOmZhbHNlLCJsaXZlT21pdCI6ZmFsc2UsImV4cGVyaW1lbnRhbF9jb21wb25lbnRVcGRhdGVTdHJhdGVneSI6ImN1c3RvbURlZXAiLCJleHBlcmltZW50YWxfZGVmYXVsdEZvcm1TdGF0ZUJlaGF2aW9yIjp7ImFycmF5TWluSXRlbXMiOiJwb3B1bGF0ZSIsImFsbE9mIjoic2tpcERlZmF1bHRzIiwiY29uc3RBc0RlZmF1bHRzIjoiYWx3YXlzIiwiZW1wdHlPYmplY3RGaWVsZHMiOiJwb3B1bGF0ZUFsbERlZmF1bHRzIiwibWVyZ2VEZWZhdWx0c0ludG9Gb3JtRGF0YSI6InVzZUZvcm1EYXRhSWZQcmVzZW50In19LCJ2YWxpZGF0b3IiOiJBSlY4Iiwic2FtcGxlTmFtZSI6IkFkZGl0aW9uYWwgUHJvcGVydGllcyJ9

Image
20250910-1716-42.0085493.mp4

Environment

- OS: Windows 11
- Node: 22.17.1
- npm: -

Anything else?

Maybe it's an issue from my schema.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions