From 449f19b20f9acae5bb27b789edf9bcc6f147644d Mon Sep 17 00:00:00 2001
From: Jean-Baptiste PENRATH <jb.penrath@gmail.com>
Date: Mon, 19 Dec 2022 20:02:35 +0100
Subject: [PATCH] docs: remove reference to the deprecated uiSchema
 `classNames` property (#3294)

In the v5 migration guide, it is explained that `classNames` property within
uiSchema is now deprecated in favor of `ui:classNames` property. In developer
use the legacy classNames, a deprecation warning is displayed within the console
. But currently, in the uiSchema section within the quickstart guide,
documentation still refer to this deprecated property that is weird for
newcomers which will bootstrap a project with deprecation warnings.

Co-authored-by: Heath C <51679588+heath-freenome@users.noreply.github.com>
---
 docs/api-reference/uiSchema.md | 2 +-
 docs/quickstart.md             | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/api-reference/uiSchema.md b/docs/api-reference/uiSchema.md
index 1f8d567ce8..2575191ce4 100644
--- a/docs/api-reference/uiSchema.md
+++ b/docs/api-reference/uiSchema.md
@@ -90,7 +90,7 @@ See [Custom Widgets and Fields](https://react-jsonschema-form.readthedocs.io/en/
 
 ### classNames
 
-The uiSchema object accepts a `classNames` property for each field of the schema:
+The uiSchema object accepts a `ui:classNames` property for each field of the schema:
 
 ```tsx
 import { UiSchema } from "@rjsf/utils";
diff --git a/docs/quickstart.md b/docs/quickstart.md
index 0f03d62e80..cb32ccaec9 100644
--- a/docs/quickstart.md
+++ b/docs/quickstart.md
@@ -63,7 +63,7 @@ const schema: RJSFSchema = {
 };
 
 const uiSchema: UiSchema = {
-  classNames: "custom-css-class"
+  "ui:classNames": "custom-css-class"
 };
 
 render((
@@ -94,10 +94,10 @@ const schema: RJSFSchema = {
 
 const uiSchema: UiSchema = {
   name: {
-    classNames: "custom-class-name"
+    "ui:classNames": "custom-class-name"
   },
   age: {
-    classNames: "custom-class-age"
+    "ui:classNames": "custom-class-age"
   }
 }