I try to fetch a div with puppeteer and console.log it in my console. The problem is I can't figure out how to fetch a div with a 'name' atribution.
module.exports = {
     name: 'market',
     aliases: ['m'],
     args: false,
     description: 'get market info',
     execute(message, args) {
       async function market() {
           try {
               const URL = 'https://www.binance.com/en/trade/REQ_USDT?layout=basic'
               const browser = await puppeteer.launch()
               const page = await browser.newPage()
               const navigationPromise = page.waitForNavigation({waitUntil: "domcontentloaded"});
               await page.goto(URL)
               await navigationPromise;
            
               let data = await page.evaluate(() => {
                   let results = {}
                   let contents = document.querySelectorAll('.css-104s6ge')
                   contents.forEach((optiune) => {
                       results.push({
                           market1: optiune.querySelector('.css-14d05gv').innerText,
                           market2: optiune.querySelector('.css-1pysja1').innerText,
                           market3: optiune.querySelector('.css-m3c6zl').innerText,
                           market4: optiune.querySelector('.css-vjdxdv').innerText,
                       })
                  })
                   return results;
               })
               console.log(data);
               await browser.close()
           } catch (error) {
               console.error(error)
           }
        }
        
        market();
        
     }
 };
I tried with classes, but I get this error: throw new Error('Unexpected extraInfo events for request ' + responseReceived.requestId);
EDIT: I solved the error by downing the puppeteer version but now I'm getting a blank array.
 
    