[Bug]: Type error: Type instantiation is excessively deep and possibly infinite.

[RomkeSandwave]

Bug description

Steps to reproduce the problem:

1. Query a complex selector in a Typescript puppeteer test script
2. Typescript complains that resolving the return type takes too many steps: Type error: Type instantiation is excessively deep and possibly infinite.

Puppeteer version

19.3.0

Node.js version

16.18.1

npm version

yarn 1.22.19

What operating system are you seeing the problem on?

Linux

Configuration file

No response

Relevant log output

Type error: Type instantiation is excessively deep and possibly infinite.

  70 | 
> 71 |     const rows = await page.$$( "[data-testid=\"my-component\"] tbody tr" )
     |                        ^

[RomkeSandwave]

My current workaround:

// Workaround for https://github.com/puppeteer/puppeteer/issues/9369
const rows = await page.$$<"tr">( "[data-testid=\"my-component\"] tbody tr" as unknown as "tr" )

[OrKoN]

Probably caused by #9253 cc @gomain

As a workaround, you can define selector a string:

const selector = '[data-testid="my-component"] tbody tr';
await page.$$(selector)

Gonna investigate and possible revert the linked PR.

[OrKoN]

@RomkeSandwave which typescript version do you have?

[RomkeSandwave]

@OrKoN 4.4.3

I'll try upgrading to 4.9.3 and see if that solves it.

[RomkeSandwave]

Looks to be fixed in Typescript 4.9.3.