Argument of type 'Element' is not assignable to parameter of type 'Symbol'.

[justinlovinger]

Using TypeScript, when attempting to cy.mount an element.

Such as:

cy.mount(<div></div>)

Provides the type error:

Argument of type 'Element' is not assignable to parameter of type 'Symbol'.
  Property '[Symbol.toStringTag]' is missing in type 'Element' but required in type 'Symbol'.

[kollerdroid]

For me the same error...
An ugly (but working) workaround until the fix:

cy.mount(<div></div> as unknown as Symbol)

[oddsson]

I'm getting the same error and @kollerdroid's workaround did not work for me. Would really love an example on how to use this helper with TypeScript 🙏

[tgecho]

I was able to work around this by adding the following to my overrides.d.ts file (which I include in the compilerOptions.types property of my cypress/tsconfig.json:

declare namespace Cypress {
  interface Chainable<Subject> {
    mount: (component: JSX.Element, alias?: string) => Chainable<void>;
  }
}

This adds another overload to the mount method. Avoiding a dependency on @types/react seems to be a deliberate choice, though I'm not sure I follow the why exactly.

[wachunga]

This is still an issue with 2.4.1. Using the override from @tgecho for now.

[bmitchinson]

after implementing kollerdroid 's fix, i'm still receiving the following

./cypress/tests/unit/hello-component.test.tsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/bmitchinson/repos/sep/apricot-ts/cypress/tests/unit/hello-component.test.tsx: Unexpected token (7:18)
   5 | describe('cypress-react-unit-test', function () {
   6 |     it('shows greeting', function () {
>  7 |         cy.mount((<App></App>));
     |                   ^
   8 |         cy.contains('Hello World!');
   9 |     });
  10 | });
 @ multi ./cypress/tests/unit/hello-component.test.tsx main[0]

[bmitchinson]

His fix worked fine, I was missing a simple .babelrc in my root directory.

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
}

[bahmutov]

🎉 This issue has been resolved in version 2.5.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀