Support @cypress/react18

• I’d be willing to implement this feature (contributing guide)

Description

The Cypress team recently published their @cypress/react18 component. We should update @nrwl/react generators to support this new feature. We would need to add conditional logic to our generators to ensure that any updates are backward compatible with React v17

Motivation

The ReactDom.render method is no longer supported in React v18, which is bundled with the old mount() command in @cypress/react

Suggested Implementation

• Add @cypress/react18 to core dependencies
• Update the logic for @nrwl/react:cypress-component-configuration generator to check a workspace’s React version.
• Update @nrwl/react:component-test generator to conditionally use @cypress/react18.
• Create a migration script to automatically update existing component tests.

Alternate Implementations

• Additional changes may be required within @nrwl/cypress:cypress-component-project generator

[barbados-clemens]

Just noticed this today so thanks for making the issue! Should be able to get to it this week unless you’d like to do it @tyler-morrison. Your implementation is correct just need to check for the react version in the repo and use the dep version required for the generators.

[barbados-clemens]

I think you’re right, though technically someone can down level their packages and still run v17. But in that case, we should only generate v18 react code and if people still want to use v17 then they can change the import back to cypress/react instead of cypress/react18

so in this case should check for v17 react versions on in the migration and skip the migration if people are still on v17 and just generate new stuff with v18 support.

Let me know if you need any help or have more questions 😃