Error: Cannot find module 'node:util/types' in [email protected] when importing cheerio

[jonluca]

Describe the Bug

We have a post processing step for our rendered emails that parses the HTML and swaps out links for tracking links, like so:

import { renderAsync } from "./email-render/render-async";
import * as cheerio from "cheerio";
import type React from "react";

export const BASE_EMAIL_CLICK_TRACKING_URL = "https://www.ourdomain.com/api/emails/click";
export const BASE_EMAIL_OPEN_TRACKING_URL = "https://www.ourdomain.com/api/emails/open";

const renderEmailTemplate = async (email: React.ReactElement, emailId: string | null) => {
  const renderedEmail = await renderAsync(email, {
    pretty: true,
  });
  if (!emailId) {
    return renderedEmail;
  }
  // Extract links from the rendered email
  const parsedHtml = cheerio.load(renderedEmail);
  parsedHtml("a").each((_, element) => {
    const link = parsedHtml(element).attr("href");
    if (link && !link.startsWith("mailto:") && !link.includes(BASE_EMAIL_OPEN_TRACKING_URL)) {
      const transformedUrl = new URL(BASE_EMAIL_CLICK_TRACKING_URL);
      transformedUrl.searchParams.append("emailId", emailId);
      transformedUrl.searchParams.append("next", link);
      const transformedLink = transformedUrl.toString();
      parsedHtml(element).attr("href", transformedLink);
    }
  });
  // Todo actually figure out the double encoding issue
  return parsedHtml.html().replace(/&next=/gi, "&next=");
};

export default renderEmailTemplate;

// and we use it like so, where EmailTemplate is the react component

const html = await renderEmailTemplate(EmailTemplate, emailId);

In the latest version, we get this exception

Which package is affected (leave empty if unsure)

react-email

Link to the code that reproduces this issue

Seen above

To Reproduce

Import 'cheerio' anywhere in the code base of the dev server

Expected Behavior

Importing cheerio works

What's your node version? (if relevant)

No response

[gabrielmfern]

Fixed it under [email protected]