diff --git a/package.json b/package.json
index ffdccb8..81cefb5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@b2bfinance/tablo",
-  "version": "5.0.0-beta.0",
+  "version": "5.0.0-beta.1",
   "description": "Display a list of products",
   "sideEffects": false,
   "main": "lib/index.js",
diff --git a/src/FilterWrapper.js b/src/FilterWrapper.js
index fb3bf68..72a1997 100644
--- a/src/FilterWrapper.js
+++ b/src/FilterWrapper.js
@@ -43,7 +43,7 @@ export default ({ filter, onClose, dispatch }) => {
   };
 
   return (
-    <>
+    <React.Fragment>
       <Grid
         className={classes.filterWrapperHeader}
         container
@@ -93,6 +93,6 @@ export default ({ filter, onClose, dispatch }) => {
           </ListItem>
         ))}
       </List>
-    </>
+    </React.Fragment>
   );
 };
diff --git a/src/ProductList.js b/src/ProductList.js
index db734d7..aa81a44 100644
--- a/src/ProductList.js
+++ b/src/ProductList.js
@@ -39,7 +39,7 @@ const ProductList = ({ products, limit, onMoreDetails, onApply, cta }) => {
   }
 
   return (
-    <>
+    <React.Fragment>
       {products.slice(0, productCount).map((product, i) => (
         <ProductWrapper
           key={product.id || i}
@@ -73,7 +73,7 @@ const ProductList = ({ products, limit, onMoreDetails, onApply, cta }) => {
           </Grid>
         </Grid>
       )}
-    </>
+    </React.Fragment>
   );
 };