fix: cypress now usable with next

cypress.json

@@ -1,6 +1,6 @@
 {
+
   "testFiles": "**/*.cy.{js,jsx,ts,tsx}",
-  "experimentalComponentTesting": true,
   "componentFolder": "src",
   "nodeVersion": "system"
 }

cypress/plugins/index.js

@@ -19,8 +19,18 @@
 //  // `on` is used to hook into various events Cypress emits
 //  // `config` is the resolved Cypress config
 //}
-const webpackPreprocessor = require('@cypress/webpack-preprocessor')
 
-module.exports = (on) => {
-  on('file:preprocessor', webpackPreprocessor())
+const injectDevServer = require('@cypress/react/plugins/next')
+
+module.exports = (on, config) => {
+  injectDevServer(on, config)
+
+  return config
+}
+
+module.exports = (on, config) => {
+  require('@cypress/react/plugins/react-scripts')(on, config)
+  // IMPORTANT to return the config object
+  // with the any changed environment variables
+  return config
 }

cypress/support/index.js

@@ -18,4 +18,4 @@ import './commands'
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
-require("cypress-react-unit-test/support");
+