cy.type() failed because it requires a DOM element. The subject received was: <window> The previous command that ran was: > cy.get()

Current behavior

I use the following custom command:

Cypress.Commands.add('dropdown', {
 prevSubject: ['element', 'document', 'window', 'optional'],   
  }, (subject) => {
    cy.get(subject).type(`{downarrow}{enter}`)
  })

After I run the script in TypeScript format, i get the following error:

type
{downarrow}{enter}
CypressError
cy.type() failed because it requires a DOM element.

The subject received was:

  > <window>

The previous command that ran was:

  > cy.get()

Because this error occurred during a before all hook we are skipping the remaining tests in the current suite: Common PMP workflow

Although you have test retries enabled, we do not retry tests when before all or after all hooks fail

Desired behavior

No errors, everything should work like in a regular JS file, which works just fine

Test code to reproduce

launch the above mentioned command in a file with TS extension

Versions

Cypress version: the latest 7.3.0

[IswaryaSekar1510]

CypressError cy.type() failed because it requires a DOM element.

The subject received was:

jQuery{0}

The previous command that ran was:

cy.getInDocument()

On testing stripe test card cy.getWithinIframe(‘[name=“cardnumber”]’).type(‘5454545454545454’);

[boneysaju]

I’m getting a similar error whilst using the withinIframe command

cy.type() failed because it requires a DOM element.
The subject received was:
  > jQuery{0}
The previous command that ran was:
  > cy.getInDocument()

The test code is <input class="InputElement is-empty Input Input--empty" autocomplete="cc-number" autocorrect="off" spellcheck="false" type="text" name="cardnumber" data-elements-stable-field-name="cardNumber" inputmode="numeric" aria-label="Credit or debit card number" placeholder="Card number" aria-invalid="false" value="">

^^above solved by adding a wait