title: Cypress React, cannot find root element to mount the component
body: <p>Im trying to test my react app, created with (create-react-app) with cypress.</p>
  <p>For some reason im getting this error:</p>
  <p><a href="https://i.stack.imgur.com/xlwbo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xlwbo.png" alt="enter image description here" /></a></p>
  <p>As you can see it tries to get an element by ROOT_ID, ROOT_ID it's a const:</p>
  <p><a href="https://i.stack.imgur.com/ElT3R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ElT3R.png" alt="enter image description here" /></a></p>
  <p>All i find to fix this it's an import on cypress/support/index.js</p>
  <blockquote>
  <p>import &quot;cypress-react-unit-test/support&quot;;</p>
  </blockquote>
  <p>But as you can see here:</p>
  <p><a href="https://github.com/cypress-io/cypress-react-unit-test" rel="nofollow noreferrer">https://github.com/cypress-io/cypress-react-unit-test</a></p>
  <p>This repo has been moved to the official cypress and i can't find the equivalent import.</p>
  <p>Here is my <em>plugins/index.js</em>:</p>
  <pre><code>const findWebpack = require('find-webpack')
  const webpackPreprocessor = require('@cypress/webpack-preprocessor')
  
  /**
   * @type {Cypress.PluginConfig}
   */
  module.exports = (on) =&gt; {
    // find the Webpack config used by react-scripts
    const webpackOptions = findWebpack.getWebpackOptions()
  
    if (!webpackOptions) {
      throw new Error('Could not find Webpack in this project ')
    }
  
    const cleanOptions = {
      reactScripts: true,
    }
  
    findWebpack.cleanForCypress(cleanOptions, webpackOptions)
  
    const options = {
      webpackOptions,
      watchOptions: {},
    }
  
    on('file:preprocessor', webpackPreprocessor(options))
  }
  </code></pre>