Workaround for when validator is not a function

packages/canner/src/hocs/validation.js

@@ -131,9 +131,13 @@ export default function withValidation(Com: React.ComponentType<*>) {
           if(value && checkSchema(schema)) {
             promiseQueue.push(_schemaValidation(schema, errorMessage)(value));
           }
-          if(checkValidator(validator)) {
-            promiseQueue.push(_customizedValidator(validator)(value));
-          }
+          if(validator) {
+            if(checkValidator(validator)) {
+              promiseQueue.push(_customizedValidator(validator)(value));
+            } else {
+              throw 'Validator should be a function'
+            }
+           }
         }
 
         const ValidationResult = await Promise.all(promiseQueue);
@@ -144,6 +148,10 @@ export default function withValidation(Com: React.ComponentType<*>) {
         }
       }
       catch(err){
+        this.setState({
+          error: true,
+          errorInfo: [].concat({message: toString(err)})
+        });
         return {
           ...result,
           error: true,

packages/canner/test/hocs/validation.test.js

@@ -211,6 +211,29 @@ describe('withValidation', () => {
     })
   });
 
+  it('validator is not a function', async () => {
+    const result = {
+      data: {
+        0: { url: ''}
+      }
+    };
+    const wrapper =  mount(<WrapperComponent
+      {...props}
+      validation={
+        {
+          validator: 'validator'
+        }
+      }
+    />);
+    await wrapper.instance().validate(result)
+    expect(wrapper.state()).toMatchObject({
+      error: true,
+      errorInfo: [{
+        message: 'Validator should be a function'
+      }]
+    })
+  });
+
   // Async-await functions
   it('should use customized async validator with error message', async () => {
     const result = {