How to use react-email package? #2838

vickyRathee · 2024-05-28T10:02:09Z

vickyRathee
May 28, 2024

Any way to use react-email package with CF worker?

Getting lots of TS error -

as I was using hono/jsx in tsconfig.json

{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "hono/jsx",
    "target": "esnext",
    "module": "esnext",
    "lib": ["esnext"],
    "moduleResolution": "node",
    "types": ["@cloudflare/workers-types"],
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true
  }
}

Example code -

import { Button, Html } from "@react-email/components";
import * as React from "react";

export const MyEmail = () => {
  return (
    <Html>
      <Button
        href="https://example.com"
        style={{ background: "#000", color: "#fff", padding: "12px 20px" }}
      >
        Click me
      </Button>
    </Html>
  );
};

export default MyEmail;

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Hono

How to use react-email package? #2838

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 0 comments

Select a reply

Hono

How to use react-email package? #2838

vickyRathee May 28, 2024

Replies: 0 comments

vickyRathee
May 28, 2024