fix: production builds using webpack

Co-authored-by: mnelemans <[email protected]>

Author: roberthebel

cypress/integration/Arrows.test.js

@@ -11,13 +11,17 @@ describe('Arrows', () => {
   it('changes slide when clicks on the arrow', () => {
     cy.get('.BrainhubCarousel__arrowRight').trigger('click');
 
+    cy.wait(1);
+
     cy.get('.BrainhubCarouselItem--active')
       .children('img')
       .should('have.attr', 'src')
       .and('contain', 'scream');
 
     cy.get('.BrainhubCarousel__arrowLeft').trigger('click');
 
+    cy.wait(1);
+
     cy.get('.BrainhubCarouselItem--active')
       .children('img')
       .should('have.attr', 'src')
@@ -27,6 +31,7 @@ describe('Arrows', () => {
   it(`doesn't allow to click on the arrow if there is no more slides`, () => {
     for (let i = 0; i < 2; i++) {
       cy.get('.BrainhubCarousel__arrowRight').trigger('click');
+      cy.wait(1);
     }
 
     cy.get('.BrainhubCarouselItem--active')

react-carousel/package.json

@@ -51,11 +51,9 @@
     "node-sass": "^4.13.1",
     "postcss-loader": "^3.0.0",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-resize-detector": "^5.0.6",
     "react-test-renderer": "^16.13.1",
-    "recoil": "^0.0.10",
+    "recoil": "^0.0.13",
     "resize-observer-polyfill": "^1.5.1",
     "rimraf": "3.0.2",
     "sass-loader": "^8.0.2",

react-carousel/webpack.config.prod.js

@@ -6,6 +6,7 @@ const autoprefixer = require('autoprefixer');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 
 module.exports = {
+  mode: 'production',
   externals: [
     {
       'react-dom': {
@@ -48,7 +49,9 @@ module.exports = {
     new ExtractTextPlugin('style.css'),
     new webpack.DefinePlugin({
       // This fixes https://github.com/brainhubeu/react-carousel/issues/115
-      'process.env.NODE_ENV': process.env.NODE_ENV,
+      'process.env': {
+        NODE_ENV: JSON.stringify('production'),
+      },
     }),
   ],
   module: {

yarn.lock

@@ -17199,10 +17199,10 @@ realpath-native@^1.1.0:
   dependencies:
     util.promisify "^1.0.0"
 
-recoil@^0.0.10:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/recoil/-/recoil-0.0.10.tgz#679ab22306f559f8a63c46fd5ff5241539f9248f"
-  integrity sha512-+9gRqehw3yKETmoZbhSnWu4GO10HDb5xYf1CjLF1oXGK2uT6GX5Lu9mfTXwjxV/jXxEKx8MIRUUbgPxvbJ8SEw==
+recoil@^0.0.13:
+  version "0.0.13"
+  resolved "https://registry.yarnpkg.com/recoil/-/recoil-0.0.13.tgz#23e6d63135c07d8defbd91aaa35dca94ec5c15a6"
+  integrity sha512-2OToaQ8GR//KsdKdaEhMi04QKStLGRpk3qjC58iBpZpUtsByZ4dUy2UJtRcYuhnVlltGZ8HNwcEQRdFOS864SQ==
 
 [email protected]:
   version "2.2.1"