fix: improved chakra-ui docs to fix #2863 (#3125)

- Updated `chakra-ui/uiSchema.md` to make it clear that the special `chakra` section of `ui:options` are on a per-field basis
- Updated `CHANGELOG.md` accordingly`

Author: heath-freenome

CHANGELOG.md

@@ -34,6 +34,7 @@ should change the heading of the (upcoming) version to include a major version b
 - Updated the `custom-templates.md` file to add the missing asterisk to the new `FieldErrorTemplate` and `FieldHelpTemplate`
 - Updated the playground to add a new button for programmatically validating a form
 - Also updated the `validation.md` documentation to describe how to programmatically validate a form
+- Fixed the `chakra-ui` custom `uiSchema` documentation to make it clear they work on a per-field basis, fixing (https://github.com/rjsf-team/react-jsonschema-form/issues/2865)
 
 # 5.0.0-beta.8
 

docs/api-reference/themes/chakra-ui/uiSchema.md

@@ -4,17 +4,19 @@ When using `@rjsf/chakra-ui` there are a couple of ways to customize the feel of
 
 ## Styling
 
-You can use `ChakraProvider`, where you can customize the components at a theme level.\
+You can use `ChakraProvider`, where you can customize the field components at a theme level.
 And, `uiSchema` allows for the use of a `"chakra"` `"ui:option"` to customize the styling of the form widgets.
 
 ```json
 {
-  "ui:options": {
-    "chakra": {
-      "p": "1rem",
-      "color": "blue.200",
-      "sx": {
-        "margin": "0 auto"
+  "yourField": {
+    "ui:options": {
+      "chakra": {
+        "p": "1rem",
+        "color": "blue.200",
+        "sx": {
+          "margin": "0 auto"
+        }
       }
     }
   }