fix(deps): update dependency tinybench to v3 (#1868)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: gabriel miranda <[email protected]>

benchmarks/preview-server/package.json

@@ -17,8 +17,8 @@
   },
   "dependencies": {
     "react-email": "workspace:*",
-    "react-email-canary": "npm:[email protected]",
-    "tinybench": "2.5.1"
+    "react-email-2.1.7-canary.2": "npm:[email protected]",
+    "tinybench": "3.1.0"
   },
   "devDependencies": {
     "tsconfig": "workspace:*",

benchmarks/preview-server/src/local-vs-2.1.7-canary.2-on-startup.ts

@@ -7,7 +7,7 @@ import { runServerAndFetchPreviewPage } from './utils/run-server-and-fetch-previ
 const pathToCanaryCliScript = path.resolve(
   __dirname,
   '../',
-  './node_modules/react-email-canary/cli/index.js',
+  './node_modules/react-email-2.1.7-canary.2/cli/index.js',
 );
 
 const pathToLocalCliScript = path.resolve(

benchmarks/preview-server/src/local-vs-2.1.7-canary.2.ts

@@ -7,7 +7,7 @@ import { runServerAndFetchPreviewPage } from './utils/run-server-and-fetch-previ
 const pathToCanaryCliScript = path.resolve(
   __dirname,
   '../',
-  './node_modules/react-email-canary/cli/index.js',
+  './node_modules/react-email-2.1.7-canary.2/cli/index.js',
 );
 
 const pathToLocalCliScript = path.resolve(

benchmarks/tailwind-component/package.json

@@ -5,7 +5,7 @@
   "version": "0.0.0",
   "scripts": {
     "with-vs-without": "tsx ./src/benchmark-with-vs-without",
-    "0.0.15-vs-local": "tsx --max-old-space-size=256 ./src/benchmark-0.0.15-vs-local-version",
+    "0.0.17-vs-local": "tsx --max-old-space-size=256 ./src/benchmark-0.0.17-vs-local-version",
     "0.0.12-vs-local": "tsx ./src/benchmark-0.0.12-vs-local-version",
     "flamegraph-render-tailwind": "tsx --prof ./src/tailwind-render && node --prof-process --preprocess -j isolate*.log | flamebearer"
   },
@@ -22,10 +22,11 @@
     "@react-email/components": "workspace:*",
     "@react-email/render": "workspace:*",
     "@react-email/tailwind": "workspace:*",
-    "react": "18.2.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "tailwind-0.0.12": "npm:@react-email/[email protected]",
-    "tailwind-0.0.15": "npm:@react-email/[email protected].15",
-    "tinybench": "2.5.1"
+    "tailwind-0.0.17": "npm:@react-email/[email protected].17",
+    "tinybench": "3.1.0"
   },
   "devDependencies": {
     "flamebearer": "1.1.3",

benchmarks/tailwind-component/src/benchmark-0.0.12-vs-local-version.ts → benchmarks/tailwind-component/src/benchmark-0.0.12-vs-local-version.tsx

@@ -12,10 +12,11 @@ const main = async () => {
 
   bench
     .add('local', async () => {
-      await render(EmailWithTailwind({ Tailwind: LocalTailwind }));
+      await render(<EmailWithTailwind Tailwind={LocalTailwind} />);
     })
     .add('0.0.12', async () => {
-      await render(EmailWithTailwind({ Tailwind: VersionTwelveTailwind }));
+      // @ts-expect-error
+      await render(<EmailWithTailwind Tailwind={VersionTwelveTailwind} />);
     });
 
   await bench.run();

benchmarks/tailwind-component/src/benchmark-0.0.15-vs-local-version.ts → benchmarks/tailwind-component/src/benchmark-0.0.17-vs-local-version.tsx

@@ -1,7 +1,7 @@
 import { writeFileSync } from 'node:fs';
 import { render } from '@react-email/render';
 import { Tailwind as LocalTailwind } from '@react-email/tailwind';
-import { Tailwind as VersionFifteenTailwind } from 'tailwind-0.0.15';
+import { Tailwind as VersionSeventeenTailwind } from 'tailwind-0.0.17';
 import { Bench } from 'tinybench';
 import EmailWithTailwind from './emails/with-tailwind.js';
 
@@ -12,10 +12,10 @@ const main = async () => {
 
   bench
     .add('local', async () => {
-      await render(EmailWithTailwind({ Tailwind: LocalTailwind }));
+      await render(<EmailWithTailwind Tailwind={LocalTailwind} />);
     })
-    .add('0.0.15', async () => {
-      await render(EmailWithTailwind({ Tailwind: VersionFifteenTailwind }));
+    .add('0.0.17', async () => {
+      await render(<EmailWithTailwind Tailwind={VersionSeventeenTailwind} />);
     });
 
   await bench.run();

benchmarks/tailwind-component/src/benchmark-with-vs-without.ts → benchmarks/tailwind-component/src/benchmark-with-vs-without.tsx

@@ -12,10 +12,10 @@ async function main() {
 
   bench
     .add('without tailwind', async () => {
-      await render(EmailWithoutTailwind());
+      await render(<EmailWithoutTailwind />);
     })
     .add('with current tailwind', async () => {
-      await render(EmailWithTailwind({ Tailwind: CurrentTailwind }));
+      await render(<EmailWithTailwind Tailwind={CurrentTailwind} />);
     });
 
   await bench.run();

benchmarks/tailwind-component/src/tailwind-render.ts → benchmarks/tailwind-component/src/tailwind-render.tsx

@@ -2,4 +2,4 @@ import { render } from '@react-email/render';
 import { Tailwind as CurrentTailwind } from '@react-email/tailwind';
 import EmailWithTailwind from './emails/with-tailwind.js';
 
-await render(EmailWithTailwind({ Tailwind: CurrentTailwind }));
+await render(<EmailWithTailwind Tailwind={CurrentTailwind} />);

package.json

@@ -30,5 +30,13 @@
     "vite": "5.4.13",
     "vitest": "2.0.5"
   },
+  "pnpm": {
+    "overrides": {
+      "react": "19.0.0",
+      "react-dom": "19.0.0",
+      "@types/react": "19.0.1",
+      "@types/react-dom": "19.0.1"
+    }
+  },
   "packageManager": "[email protected]+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c"
 }