Getting this error on one of my pages after deploying to vercel, it all works fine in dev mode.

I think the problem might be one of my fetch/APIs since it uses the data from the first fetch request as the URL for the second fetch request...

All of my other pages with different APIs / fetch requests work fine...

export const fetchData = async (page) => {

  try {

    const req = await fetch(

      "https://www.productpage.com/new/" +

        page

    );

    const html = await req.text();

    const $ = cheerio.load(html);



    let newProducts = [];



    for (let i = 1; i < 25; i++) {

      let name = $(`#product_listing > tbody > #_${i} > td:nth-child(2) > a`)

        .text()

        .replace(/n/g, "");

      let pageSrc = $(

        `#product_listing > tbody > #_${i} > td:nth-child(2) > a`

      ).attr("href");

      const price = $(`#product_listing > tbody >#_${i} > td.price.notranslate`)

        .text()

        .replace(/n/g, "");



      pageSrc = "https://www.productpage.com" + pageSrc;



      const req2 = await fetch(pageSrc); // here it is using data from first fetch for a 2nd request..

      const html2 = await req2.text();

      const $2 = cheerio.load(html2);



      const imageSrc = $2(

        "#product-main-image .main-image-inner:first-child img"

      ).attr("src");

      const name2 = $2("#product-details dd:nth-child(2)")

        .text()

        .replace(/n/g, "");

      const brand = $2("#product-details dd:nth-child(4)")

        .text()

        .replace(/n/g, "");



      newProducts.push({

        name: name,

        name2: name2,

        brand: brand,

        pageSrc: pageSrc,

        price: price,

        imageSrc: imageSrc,

      });

    }



    return newProducts;

  } catch (err) {}

};



module.exports = {

  fetchData,

};