fix: React.Fragment backward compatible

Author: xidedix

src/CCreateElement.js

@@ -12,9 +12,9 @@ const renderItem = (item, i) => {
 //component - CoreUI / CCreateElement
 const CCreateElement = props => {
   return (
-    <>
+    <React.Fragment>
       {props.items && props.items.map((item, i) => renderItem(item, i))}
-    </>
+    </React.Fragment>
   )
 }
 

src/CDataTable.js

@@ -369,7 +369,7 @@ const CDataTable = props => {
   </tr>)
 
   return (
-<>
+<React.Fragment>
 <div ref={innerRef}>
   {
     (itemsPerPageSelect || tableFilter) &&
@@ -530,7 +530,7 @@ const CDataTable = props => {
     activePage={page}
   />
 }
-</>
+</React.Fragment>
   )
 }
 

src/CDropdownToggle.js

@@ -65,7 +65,7 @@ const CDropdownToggle = props => {
 
   if (split) {
     return (
-      <>
+      <React.Fragment>
         <CButton {...attributes}>
           {props.children}
         </CButton>
@@ -74,7 +74,7 @@ const CDropdownToggle = props => {
           {...togglerAttrs}
           {...attributes}
         >{''}</CButton>
-      </>
+      </React.Fragment>
     )
   } else {
     return (

src/CPagination.js

@@ -212,10 +212,10 @@ CPagination.defaultProps = {
   arrows: true,
   doubleArrows: true,
   limit: 5,
-  firstButton: <>&laquo;</>,
-  previousButton: <>&lsaquo;</>,
-  nextButton: <>&rsaquo;</>,
-  lastButton: <>&raquo;</>,
+  firstButton: <React.Fragment>&laquo;</React.Fragment>,
+  previousButton: <React.Fragment>&lsaquo;</React.Fragment>,
+  nextButton: <React.Fragment>&rsaquo;</React.Fragment>,
+  lastButton: <React.Fragment>&raquo;</React.Fragment>,
   align: 'start',
   pages: 10
 };

src/CTabs.js

@@ -20,11 +20,11 @@ const CTabs = props => {
   }
 
   return (
-    <>
+    <React.Fragment>
       <Context.Provider value={{active, setActiveTab}}>
         {children}
       </Context.Provider>
-    </>
+    </React.Fragment>
   )
 }
 

src/CTooltip.js

@@ -48,13 +48,13 @@ const CTooltip = props=>{
 
 
   return (
-    <>
+    <React.Fragment>
       {
         React.cloneElement(children, {
           'data-tooltip': key
         })
       }
-    </>
+    </React.Fragment>
   )
 }