Same "root" id for different fieldset or input

Description

The default bootstrap/core theme renders multiple id with the default root. This seems to be caused by https://github.com/rjsf-team/react-jsonschema-form/blob/75f734d8ec7beb29e60ac27ceaf6deadd2a71734/packages/core/src/components/fields/ObjectField.js#L33

Unfortunately, using a ObjectFieldTemplate it is not easy to override the id using the idPrefix and property name because both are not passed to the ObjectFieldTemplate. So no easy workaround afais, instead needs a fix here. FWIW, btw I think it would be great if ObjectField would also pass its name to ObjectFieldTemplate.

Steps to Reproduce

1. Go to this playground
2. Open devtools inspector
3. Search for #root

Expected behavior

There should only be one unique id (also useful for anchors)

Actual behavior

There are six id=root in the rendered markup

Version

2.0.1

[jpsilva-daitan]

@jpsilva-daitan I think I may have figured out the issue on my end, having to do with a missing value in the schema. I was missing type: "object", can you try

...
spec: {
  ...
  schema: {
    type: 'object',
    ...
  }
}

You are right, that was the problem. Thanks =)

[ghost]

Found the same problem when array of objects, solutions was the same - to add “object” type to “items”:

{
  "type": "object",
  "properties": {
    "someValues": {
      "type": "array",
      "items": {
        "type": "object",               // this is it
        "properties": {
          "prop1": {
            "type": "integer"
          }
        }
      }
    }
  }
}