Playground: Any Of with Custom Field example and UI schema doesn't seem to work as it should

[rap1ds]

Prerequisites

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

What theme are you using?

other

Version

5.x

Current Behavior

In Playground, when you pick Any Of with Custom Field example, you see:

• Empty object in UISchema
• The rendered output in certain conditions is dropdown with options and in certain conditions custom component with city + lat/lng side by side

See screenshot

Expected Behavior

• UISchema with custom field
• Rendered output is always a custom field with city and lat/lng side by side

Steps To Reproduce

1. Go to Playground (https://rjsf-team.github.io/react-jsonschema-form/)
2. Pick Any Of with Custom Field example

Expected: UISchema with custom field, rendered output is the custom field, not dropdown with two options

Actual: UISchema is empty, rendered output is dropdown with two options

If I pick another example, I can see the custom field correctly rendered, but UI Schema is still empty. Steps:

1. Go to Playground (https://rjsf-team.github.io/react-jsonschema-form/)
2. Pick Any Of with Custom Field example
3. Now pick One of example
4. And then again pick Any Of with Custom Field example

Expected: UISchema with custom field, rendered output is the custom field, not dropdown of two options

Actual: UISchema is empty, rendered output is the custom field, not dropdown of two options

Environment

Playground with Google Chrome

Anything else?

[heath-freenome]

@rap1ds WOW! That is a really interesting issue. It turns out that the Any Of with Custom Field example has a react component embedded in the uiSchema but the editor code doesn't know how to deal with it, therefore showing an empty uiSchema, which is saved into state. When you switch back the component is lost. We'll have to figure out how to fix it, eventually. Thanks!

[Nezteb]

I've also noticed that the "Any Of with Custom Field" example is weirdly broken:

The display on the right is incorrect. If you copy the schema, click on the "Simple" example, and paste the JSON, it will work properly:

[heath-freenome]

@Nezteb thanks for pointing that out! The custom field is what renders the latitude and longitude.

[stale[bot]]

This issue has been automatically marked as possibly close because it has not had recent activity. It will be closed if no further activity occurs. Please leave a comment if this is still an issue for you. Thank you.