Add support for array of props

Author: armano2

lib/rules/require-valid-default-prop.js

@@ -46,6 +46,17 @@ module.exports = {
       )
     }
 
+    function getTypes (node) {
+      if (node.type === 'Identifier') {
+        return [node.name]
+      } else if (node.type === 'ArrayExpression') {
+        return node.elements
+          .filter(item => item.type === 'Identifier')
+          .map(item => item.name)
+      }
+      return []
+    }
+
     function ucFirst (text) {
       return text[0].toUpperCase() + text.slice(1)
     }
@@ -91,28 +102,30 @@ module.exports = {
 
       for (const prop of properties) {
         const type = getPropertyNode(prop.value, 'type')
-        let typeName = type ? type.value.name : null
-        if (!NATIVE_TYPES.has(typeName)) {
+        if (!type) {
           return
         }
 
-        if (typeName === 'Object' || typeName === 'Array') {
-          typeName = 'Function'
+        const typeNames = new Set(getTypes(type.value)
+          .map(item => item === 'Object' || item === 'Array' ? 'Function' : item) // Object and Array require function
+          .filter(item => NATIVE_TYPES.has(item)))
+
+        if (typeNames.size === 0) { // There is no native types detected
+          return
         }
 
         const def = getPropertyNode(prop.value, 'default')
         if (!def) return
 
         const defType = getValueType(def.value)
-        if (defType === typeName) return
+        if (typeNames.has(defType)) return
 
         context.report({
           node: def,
-          message: "Type of default value prop '{{name}}' is a '{{defType}}' but should be a '{{typeName}}'.",
+          message: "Type of default value prop '{{name}}' must be a {{types}}.",
           data: {
             name: prop.key.name,
-            defType,
-            typeName
+            types: Array.from(typeNames).join(' or ').toLowerCase()
           }
         })
       }