diff --git a/.changeset/nine-ties-smoke.md b/.changeset/nine-ties-smoke.md new file mode 100644 index 0000000000..f7ae8016be --- /dev/null +++ b/.changeset/nine-ties-smoke.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-home': patch +--- + +Bump to using the later v5 versions of `@rjsf/*` diff --git a/plugins/home/package.json b/plugins/home/package.json index 35310158a7..e8eb7f3ba9 100644 --- a/plugins/home/package.json +++ b/plugins/home/package.json @@ -42,9 +42,10 @@ "@material-ui/core": "^4.12.2", "@material-ui/icons": "^4.9.1", "@material-ui/lab": "4.0.0-alpha.61", - "@rjsf/core": "^3.2.1", - "@rjsf/material-ui": "^3.2.1", + "@rjsf/core-v5": "npm:@rjsf/core@5.6.0", + "@rjsf/material-ui": "5.6.0", "@rjsf/utils": "5.6.0", + "@rjsf/validator-ajv8": "5.6.0", "@types/react": "^16.13.1 || ^17.0.0", "lodash": "^4.17.21", "object-hash": "^3.0.0", diff --git a/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx b/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx index de64695ecb..65e0917fb1 100644 --- a/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx +++ b/plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx @@ -27,7 +27,10 @@ import SettingsIcon from '@material-ui/icons/Settings'; import DeleteIcon from '@material-ui/icons/Delete'; import React from 'react'; import { Widget } from './types'; -import Form from '@rjsf/material-ui'; +import { withTheme } from '@rjsf/core-v5'; +import validator from '@rjsf/validator-ajv8'; + +const Form = withTheme(require('@rjsf/material-ui').Theme); const useStyles = makeStyles((theme: Theme) => createStyles({ @@ -72,6 +75,7 @@ export const WidgetSettingsOverlay = (props: WidgetSettingsOverlayProps) => { >