I'm trying to load page elements into an array and retrieve the innerHTML from both and be able to click on them.

var grabElements = await page.$$(selector);
await grabElements[0].click();

This allows me to grab my elements and click on them but it won't display innerHTML.

var elNum = await page.$$eval(selector, (element) => {
    let n = []
    element.forEach(e => {
        n.push(e);
    })
    return n;  
});
await elNum[0].click();

This lets me get the innerHTML if I push the innerHTML to n. If I push just the element e and try to click or get its innerHTML outside of the var declaration, it doesn't work. The innerHTML comes as undefined and if I click, I get an error saying elnum[index].click() is not a function. What am I doing wrong?