Fix path prop usage of DispatchField

Author: edgarmueller

packages/material/src/complex/MaterialTableControl.tsx

@@ -141,9 +141,10 @@ const NonEmptyCell = ({
   scopedSchema,
   errors
 }: NonEmptyCellProps) => {
+  const path = rowPath + (scopedSchema.type === 'object' ? '.' + propName : '');
   const errorsPerEntry: any[] = filter(
     errors,
-    error => error.dataPath === rowPath + '.' + propName
+    error => error.dataPath === path
   ).map(e => e.message);
   const isValid = isEmpty(errorsPerEntry);
   return (
@@ -155,7 +156,7 @@ const NonEmptyCell = ({
             undefined,
             scopedSchema.type === 'object' ? `#/properties/${propName}` : '#'
           )}
-          path={rowPath}
+          path={path}
         />
         <FormHelperText error={!isValid}>
           {!isValid && formatErrorMessage(errorsPerEntry)}

packages/vanilla/src/complex/TableArrayControl.tsx

@@ -162,7 +162,7 @@ class TableArrayControl extends React.Component<
                               <DispatchField
                                 schema={schema}
                                 uischema={createControlElement(prop)}
-                                path={childPath}
+                                path={childPath + '.' + prop}
                               />
                             </td>
                           );

packages/vanilla/src/controls/InputControl.tsx

@@ -57,7 +57,7 @@ export class InputControl extends Control<
       schema,
       visible,
       required,
-      parentPath,
+      path,
       fields
     } = this.props;
 
@@ -93,7 +93,7 @@ export class InputControl extends Control<
           <DispatchField
             uischema={uischema}
             schema={schema}
-            path={parentPath}
+            path={path}
             id={id + '-input'}
           />
           <div className={divClassNames}>