🐛 Add explicit react import in emails package to avoid not found bug …

…in CI related to GH action report email not sending #1910
baptisteArno · Dec 1, 2024 · 1d6eca4 · 1d6eca4
1 parent c19d208
commit 1d6eca4
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 4 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/packages/emails/src/components/Button.tsx b/packages/emails/src/components/Button.tsx
@@ -1,10 +1,12 @@
 import type { IMjmlButtonProps } from "@faire/mjml-react";
 import { MjmlButton } from "@faire/mjml-react";
+import type { ReactNode } from "react";
+import * as React from "react";
 import { blue, borderBase, grayLight, leadingTight, textBase } from "../theme";
 
 type ButtonProps = {
   link: string;
-  children: React.ReactNode;
+  children: ReactNode;
 } & IMjmlButtonProps;
 
 export const Button = ({ link, children, ...props }: ButtonProps) => (

diff --git a/packages/emails/src/components/Head.tsx b/packages/emails/src/components/Head.tsx
@@ -6,6 +6,7 @@ import {
   MjmlRaw,
   MjmlStyle,
 } from "@faire/mjml-react";
+import * as React from "react";
 import type { ReactElement } from "react";
 import { black, grayDark } from "../theme";
 

diff --git a/packages/emails/src/components/HeroImage.tsx b/packages/emails/src/components/HeroImage.tsx
@@ -1,5 +1,6 @@
 import type { IMjmlImageProps } from "@faire/mjml-react";
 import { MjmlImage } from "@faire/mjml-react";
+import * as React from "react";
 import { borderBase } from "../theme";
 
 export const HeroImage = (props: IMjmlImageProps) => (

diff --git a/packages/emails/src/components/Text.tsx b/packages/emails/src/components/Text.tsx
@@ -1,5 +1,6 @@
 import type { IMjmlTextProps } from "@faire/mjml-react";
 import { MjmlText } from "@faire/mjml-react";
+import * as React from "react";
 import { leadingRelaxed, textBase } from "../theme";
 
 export const Text = (props: IMjmlTextProps) => (

diff --git a/packages/emails/src/preview.tsx b/packages/emails/src/preview.tsx
@@ -1,6 +1,7 @@
 import fs from "fs";
 import path from "path";
 import { render } from "@faire/mjml-react/utils/render";
+import * as React from "react";
 import { AlmostReachedChatsLimitEmail } from "./emails/AlmostReachedChatsLimitEmail";
 import { DefaultBotNotificationEmail } from "./emails/DefaultBotNotificationEmail";
 import { GuestInvitationEmail } from "./emails/GuestInvitationEmail";

diff --git a/packages/scripts/package.json b/packages/scripts/package.json
@@ -50,8 +50,7 @@
     "@typebot.io/workspaces": "workspace:*",
     "@typebot.io/typebot": "workspace:*",
     "@typebot.io/zod": "workspace:*",
-    "@typebot.io/emails": "workspace:*",
-    "react": "18.2.0"
+    "@typebot.io/emails": "workspace:*"
   },
   "devDependencies": {
     "@typebot.io/schemas": "workspace:*",

diff --git a/yarn.lock b/yarn.lock
@@ -5718,7 +5718,6 @@
     ky "1.2.4"
     papaparse "5.4.1"
     prompts "2.4.2"
-    react "18.2.0"
     stripe "17.1.0"
 
 "@typebot.io/segment-block@packages/forge/blocks/segment":