feat(router component): add support for fragments <>...</> in JSX templates

nolimits4web · nolimits4web · commit 5c2ac506c3ff · 2021-09-16T11:14:15.000+03:00
diff --git a/src/core/modules/component/$jsx.js b/src/core/modules/component/$jsx.js
@@ -3,10 +3,16 @@ import { flattenArray } from '../../shared/utils';
 const ignoreChildren = [false, null, '', undefined];
 
 const $jsx = (type, props, ...children) => {
+  const flatChildren = flattenArray(
+    (children || []).filter((child) => ignoreChildren.indexOf(child) < 0),
+  );
+  if (type === 'Fragment') {
+    return flatChildren;
+  }
   return {
     type,
     props: props || {},
-    children: flattenArray((children || []).filter((child) => ignoreChildren.indexOf(child) < 0)),
+    children: flatChildren,
   };
 };
 
