diff --git a/react/config-overrides.js.template b/react/config-overrides.js.template
index cd0c0bb0..89ce31e0 100644
--- a/react/config-overrides.js.template
+++ b/react/config-overrides.js.template
@@ -18,6 +18,7 @@ module.exports = function override(config, env) {
       ignoreFile: '.sentrycliignore',
       ignore: ['webpack.config.js'],
       configFile: 'sentry.properties',
+      reactComponentAnnotation: {enabled:true},
     })
   );
   return config;
diff --git a/react/src/components/About.js b/react/src/components/About.jsx
similarity index 100%
rename from react/src/components/About.js
rename to react/src/components/About.jsx
diff --git a/react/src/components/ButtonLink.js b/react/src/components/ButtonLink.jsx
similarity index 100%
rename from react/src/components/ButtonLink.js
rename to react/src/components/ButtonLink.jsx
diff --git a/react/src/components/Cart.js b/react/src/components/Cart.jsx
similarity index 100%
rename from react/src/components/Cart.js
rename to react/src/components/Cart.jsx
diff --git a/react/src/components/Checkout.js b/react/src/components/Checkout.jsx
similarity index 100%
rename from react/src/components/Checkout.js
rename to react/src/components/Checkout.jsx
diff --git a/react/src/components/Complete.js b/react/src/components/Complete.jsx
similarity index 100%
rename from react/src/components/Complete.js
rename to react/src/components/Complete.jsx
diff --git a/react/src/components/CompleteError.js b/react/src/components/CompleteError.jsx
similarity index 100%
rename from react/src/components/CompleteError.js
rename to react/src/components/CompleteError.jsx
diff --git a/react/src/components/Employee.js b/react/src/components/Employee.jsx
similarity index 100%
rename from react/src/components/Employee.js
rename to react/src/components/Employee.jsx
diff --git a/react/src/components/Footer.js b/react/src/components/Footer.jsx
similarity index 100%
rename from react/src/components/Footer.js
rename to react/src/components/Footer.jsx
diff --git a/react/src/components/Home.js b/react/src/components/Home.jsx
similarity index 100%
rename from react/src/components/Home.js
rename to react/src/components/Home.jsx
diff --git a/react/src/components/Nav.js b/react/src/components/Nav.jsx
similarity index 100%
rename from react/src/components/Nav.js
rename to react/src/components/Nav.jsx
diff --git a/react/src/components/NotFound.js b/react/src/components/NotFound.jsx
similarity index 100%
rename from react/src/components/NotFound.js
rename to react/src/components/NotFound.jsx
diff --git a/react/src/components/Product.js b/react/src/components/Product.jsx
similarity index 100%
rename from react/src/components/Product.js
rename to react/src/components/Product.jsx
diff --git a/react/src/components/ProductCard.js b/react/src/components/ProductCard.jsx
similarity index 100%
rename from react/src/components/ProductCard.js
rename to react/src/components/ProductCard.jsx
diff --git a/react/src/components/Products.js b/react/src/components/Products.jsx
similarity index 100%
rename from react/src/components/Products.js
rename to react/src/components/Products.jsx
diff --git a/react/src/components/ProductsJoin.js b/react/src/components/ProductsJoin.jsx
similarity index 100%
rename from react/src/components/ProductsJoin.js
rename to react/src/components/ProductsJoin.jsx
diff --git a/react/src/components/ScrollToTop.js b/react/src/components/ScrollToTop.jsx
similarity index 100%
rename from react/src/components/ScrollToTop.js
rename to react/src/components/ScrollToTop.jsx
diff --git a/react/src/components/nplusone.js b/react/src/components/nplusone.jsx
similarity index 100%
rename from react/src/components/nplusone.js
rename to react/src/components/nplusone.jsx