javascripts puppeteer: How do I get the new elements generated by the dom when interacting with the page?

With the puppeteer library, I click on a div in the dom, and a modal appears with a list of divs, and then I try to click on one of the divs I need from that modal, but the “page” variable doesn’t find the div

I click on the div element as follows and then when the modal appears I try to select the div I need.

 const browser = await puppeteer.launch({headless: false});
 const page = await browser.newPage();
 await page.setDefaultNavigationTimeout(0);

  
 await page.goto(`https://www.page.com`);

 await page.evaluate(() => {
     document.querySelector('div.css-bt1pje').click();
 })

 await page.waitForTimeout(10000);

 await page.evaluate(() => {
     document.querySelector('[data-title=content]').click();
 })/* here it stays thinking and never finds the element