Fix fallout from 4b35d31

Author: raymond-lam

.babelrc

@@ -5,7 +5,7 @@
     "@babel/preset-typescript"
   ],
   "plugins": [
-      "@babel/proposal-class-properties",
-      "@babel/proposal-object-rest-spread"
+      "@babel/plugin-transform-class-properties",
+      "@babel/plugin-transform-object-rest-spread"
   ]
 }

.eslintrc

@@ -1,10 +1,9 @@
 {
   "parser": "@typescript-eslint/parser",
   "extends": [
-    "react-app",
     "plugin:prettier/recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier"
+    "plugin:react/recommended"
   ],
   "plugins": ["@typescript-eslint"],
   "env": {
@@ -19,7 +18,7 @@
   },
   "settings": {
     "react": {
-      "version": "16"
+      "version": "18"
     }
   },
   "rules": {

example/components/JsonSchemaFormSuite.tsx

@@ -56,7 +56,7 @@ const Form = withTheme(
 ) as unknown as FunctionComponent<FormProps>;
 
 // return error message for parsing or blank if no error
-function checkError(text: string, language: string) {
+function checkError(text: string) {
   let data;
   try {
     data = JSON.parse(text);
@@ -121,8 +121,8 @@ class JsonSchemaFormEditor extends React.Component<Props, State> {
   }
 
   render() {
-    const schemaError = checkError(this.props.schema, this.props.lang);
-    const schemaUiError = checkError(this.props.uischema, this.props.lang);
+    const schemaError = checkError(this.props.schema);
+    const schemaUiError = checkError(this.props.uischema);
     return (
       <div
         style={{

example/components/PlaygroundContainer.tsx

@@ -42,11 +42,12 @@ export default function PlaygroundContainer({ title }: { title: string }) {
         <p>
           The Visual Form Builder tab corresponds to the actual Form Builder
           component. This reads in code from the JSON Schema, which is stored
-          and updated live in the "Edit Schema" tab, and renders the code as
-          manipulatable form elements. The result of the form is rendered with
-          the material design theme in the Preview Form tab. The Pre-Configured
-          Components tab also demonstrates how the form builder takes advantage
-          of the definitions property of JSON Schema to render definitions.
+          and updated live in the &quot;Edit Schema&quot; tab, and renders the
+          code as manipulatable form elements. The result of the form is
+          rendered with the material design theme in the Preview Form tab. The
+          Pre-Configured Components tab also demonstrates how the form builder
+          takes advantage of the definitions property of JSON Schema to render
+          definitions.
         </p>
       </div>
       <JsonSchemaFormSuite