chore: rename this package like we do in scaffolder to avoid typescript namespace clashes

Signed-off-by: blam <ben@blam.sh>

plugins/home/package.json

@@ -42,7 +42,7 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
-    "@rjsf/core": "5.6.0",
+    "@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",

plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx

@@ -27,7 +27,8 @@ import SettingsIcon from '@material-ui/icons/Settings';
 import DeleteIcon from '@material-ui/icons/Delete';
 import React from 'react';
 import { Widget } from './types';
-import { withTheme } from '@rjsf/core';
+import { withTheme } from '@rjsf/core-v5';
+import validator from '@rjsf/validator-ajv8';
 
 const Form = withTheme(require('@rjsf/material-ui').Theme);
 
@@ -74,6 +75,7 @@ export const WidgetSettingsOverlay = (props: WidgetSettingsOverlayProps) => {
         >
           <DialogContent>
             <Form
+              validator={validator}
               showErrorList={false}
               schema={widget.settingsSchema}
               noHtml5Validate

yarn.lock

@@ -6975,7 +6975,7 @@ __metadata:
     "@material-ui/core": ^4.12.2
     "@material-ui/icons": ^4.9.1
     "@material-ui/lab": 4.0.0-alpha.61
-    "@rjsf/core": 5.6.0
+    "@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
@@ -13709,7 +13709,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rjsf/core-v5@npm:@rjsf/core@5.6.0, @rjsf/core@npm:5.6.0":
+"@rjsf/core-v5@npm:@rjsf/core@5.6.0":
   version: 5.6.0
   resolution: "@rjsf/core@npm:5.6.0"
   dependencies: