chore(render): remove use of react-promise-suspense

.changeset/ten-crabs-cheer.md

@@ -0,0 +1,5 @@
+---
+"@react-email/render": patch
+---
+
+Remove unused `react-promise-suspense`

packages/render/package.json

@@ -115,8 +115,7 @@
   },
   "dependencies": {
     "html-to-text": "^9.0.5",
-    "prettier": "^3.5.3",
-    "react-promise-suspense": "^0.3.4"
+    "prettier": "^3.5.3"
   },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || ^19.0.0-rc",
@@ -125,7 +124,6 @@
   "devDependencies": {
     "@edge-runtime/vm": "5.0.0",
     "@types/html-to-text": "9.0.4",
-    "@types/prettier": "3.0.0",
     "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-dom": "npm:types-react-dom@19.0.0",
     "jsdom": "26.1.0",

packages/render/src/browser/render-web.spec.tsx

@@ -2,8 +2,7 @@
  * @vitest-environment jsdom
  */
 
-import { createElement } from 'react';
-import usePromise from 'react-promise-suspense';
+import { createElement, use } from 'react';
 import { Preview } from '../shared/utils/testing/preview';
 import { Template } from '../shared/utils/testing/template';
 import { render } from './render';
@@ -126,11 +125,9 @@ describe('render on the browser environment', () => {
   });
 
   it('waits for Suspense boundaries to ending before resolving', async () => {
+    const htmlPromise = fetch('https://example.com').then((res) => res.text());
     const EmailTemplate = () => {
-      const html = usePromise(
-        () => fetch('https://example.com').then((res) => res.text()),
-        [],
-      );
+      const html = use(htmlPromise);
 
       return <div dangerouslySetInnerHTML={{ __html: html }} />;
     };

packages/render/src/node/render-node.spec.tsx

@@ -2,8 +2,7 @@
  * @vitest-environment node
  */
 
-import { Suspense } from 'react';
-import usePromise from 'react-promise-suspense';
+import { Suspense, use } from 'react';
 import { Preview } from '../shared/utils/testing/preview';
 import { Template } from '../shared/utils/testing/template';
 import { render } from './render';
@@ -86,11 +85,9 @@ describe('render on node environments', () => {
   });
 
   it('that it properly waits for Suepsense boundaries to resolve before resolving', async () => {
+    const htmlPromise = fetch('https://example.com').then((res) => res.text());
     const EmailTemplate = () => {
-      const html = usePromise(
-        () => fetch('https://example.com').then((res) => res.text()),
-        [],
-      );
+      const html = use(htmlPromise);
 
       return <div dangerouslySetInnerHTML={{ __html: html }} />;
     };