Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

core

Version

5.x

Current Behavior

Currently, as described in the documentation https://rjsf-team.github.io/react-jsonschema-form/docs/advanced-customization/custom-templates, it is possible to customize per-field Field, Template and Widget user interfaces. The problem with the current model is that assigning the function/class directly in the uiSchema causes it to no longer be valid application/json.

{
  "ui:field": MyCustomField,
  "ui:ArrayFieldTemplate": MyArrayTemplate
}

Expected Behavior

A much consistent and superior alternative, in my humble opinion, would be to assign the name of the key associated with the templates transmitted during the initialization of the Form, as is done with widgets and fields.

import LayoutFieldTemplate from '~/lib/rjsf/templates/LayoutFieldTemplate.js'
import Form from '@rjsf/core'

const templates = {
  "layout": LayoutFieldTemplate
}

function App () {
  return <Form templates={templates} />
}

and when necessary to change the template, use it like:

{
  "ui:template": "layout"
}

Steps To Reproduce

No response

Environment

- OS: Windows 22H2 (19045.2965)
- Node: 16.20.0
- npm: 8.19.4

Anything else?

No response