Queries and RenderResult use incompatible types

[pawbor]

• @testing-library/react version: 11.2.2
• Testing Framework and version: irrelevant
• DOM Environment: irrelevant

Relevant code or config:

it('example', () => {
  const { container } = render(<span>foo</span>); // container type is Element

  getByText(container as HTMLElement, 'foo'); // can't use container here without casting to HTMLElement
});

What you did:

I tried to use container in custom query.

What happened:

Types do not match without manual casting.

Reproduction:

https://codesandbox.io/s/react-testing-library-demo-forked-bt601?file=/src/__tests__/hello.tsx

Suggested solution:

Loosening type requirements for element provided to Queries

[MatanBobi]

Hi @pawbor, thanks for taking the time to open this :)
This one looks like a duplicate of testing-library/dom-testing-library#838.
@nickmccurdy is already working on a fix for this I believe.

[pawbor]

Thank you! <3 I really appreciate all the work put in this library.

[nickserv]

You can follow testing-library/dom-testing-library#834