fix: use JavaScript default parameters instead React's defaultProps (#9453)

src/core/plugins/json-schema-2020-12/components/Accordion/Accordion.jsx

@@ -7,7 +7,7 @@ import classNames from "classnames"
 
 import { useComponent } from "../../hooks"
 
-const Accordion = ({ expanded, children, onChange }) => {
+const Accordion = ({ expanded = false, children, onChange }) => {
   const ChevronRightIcon = useComponent("ChevronRightIcon")
 
   const handleExpansion = useCallback(
@@ -42,8 +42,4 @@ Accordion.propTypes = {
   onChange: PropTypes.func.isRequired,
 }
 
-Accordion.defaultProps = {
-  expanded: false,
-}
-
 export default Accordion

src/core/plugins/json-schema-2020-12/components/JSONSchema/JSONSchema.jsx

@@ -23,7 +23,7 @@ import {
 } from "../../context"
 
 const JSONSchema = forwardRef(
-  ({ schema, name, dependentRequired, onExpand }, ref) => {
+  ({ schema, name = "", dependentRequired = [], onExpand = () => {} }, ref) => {
     const fn = useFn()
     const isExpanded = useIsExpanded()
     const isExpandedDeeply = useIsExpandedDeeply()
@@ -215,10 +215,4 @@ JSONSchema.propTypes = {
   onExpand: PropTypes.func,
 }
 
-JSONSchema.defaultProps = {
-  name: "",
-  dependentRequired: [],
-  onExpand: () => {},
-}
-
 export default JSONSchema

src/core/plugins/json-schema-2020-12/components/keywords/Title/Title.jsx

@@ -7,7 +7,7 @@ import PropTypes from "prop-types"
 import { schema } from "../../../prop-types"
 import { useFn } from "../../../hooks"
 
-const Title = ({ title, schema }) => {
+const Title = ({ title = "", schema }) => {
   const fn = useFn()
   const renderedTitle = title || fn.getTitle(schema)
 
@@ -25,8 +25,4 @@ Title.propTypes = {
   schema: schema.isRequired,
 }
 
-Title.defaultProps = {
-  title: "",
-}
-
 export default Title

src/core/plugins/json-schema-2020-12/components/keywords/Type.jsx

@@ -7,7 +7,7 @@ import PropTypes from "prop-types"
 import { schema } from "../../prop-types"
 import { useFn } from "../../hooks"
 
-const Type = ({ schema, isCircular }) => {
+const Type = ({ schema, isCircular = false }) => {
   const fn = useFn()
   const type = fn.getType(schema)
   const circularSuffix = isCircular ? " [circular]" : ""
@@ -24,8 +24,4 @@ Type.propTypes = {
   isCircular: PropTypes.bool,
 }
 
-Type.defaultProps = {
-  isCircular: false,
-}
-
 export default Type