refactor: use map in favor of reduce

Author: P0lip

src/PropValidations.tsx

@@ -11,34 +11,33 @@ export const PropValidations: React.FunctionComponent<{ prop: IProp | IResolvedP
 
     return (
       <>
-        {Object.entries(validations).reduce(
-          (elems, [k, v]) => {
-            let type = typeof v;
-
-            if (k === 'default' && ['object', 'boolean'].includes(type)) {
-              v = safeStringify(v);
-
-              type = typeof v;
-            }
-
-            if (type === 'boolean') {
-              elems.push(
-                <div key={k}>
-                  <b>{k}:</b> {v.toString()}
-                </div>
-              );
-            } else if (type !== 'object') {
-              elems.push(
-                <div key={k}>
-                  <b>{k}:</b> {v}
-                </div>
-              );
-            }
-
-            return elems;
-          },
-          [] as Array<React.ReactElement<any>>
-        )}
+        {Object.entries(validations).map(([k, v]) => {
+          let type = typeof v;
+
+          if (k === 'default' && ['object', 'boolean'].includes(type)) {
+            v = safeStringify(v);
+
+            type = typeof v;
+          }
+
+          if (type === 'boolean') {
+            return (
+              <div key={k}>
+                <b>{k}:</b> {v.toString()}
+              </div>
+            );
+          }
+
+          if (type !== 'object') {
+            return (
+              <div key={k}>
+                <b>{k}:</b> {v}
+              </div>
+            );
+          }
+
+          return null;
+        })}
       </>
     );
   }