fix: React types (#136)

resend · Jul 11, 2023 · 4e108cf · 4e108cf
1 parent d2a7f8b
commit 4e108cf
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/emails/emails.ts b/src/emails/emails.ts
@@ -1,4 +1,5 @@
 import { render } from '@react-email/render';
+import * as React from 'react';
 import { Resend } from '../resend';
 import {
   CreateEmailOptions,
@@ -22,7 +23,7 @@ export class Emails {
     options: CreateEmailRequestOptions = {},
   ): Promise<CreateEmailResponse> {
     if (payload.react) {
-      payload.html = render(payload.react);
+      payload.html = render(payload.react as React.ReactElement);
       delete payload.react;
     }
 

diff --git a/src/emails/interfaces/create-email-options.interface.ts b/src/emails/interfaces/create-email-options.interface.ts
@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import * as React from 'react';
 import { PostOptions } from '../../common/interfaces';
 
 interface CreateEmailBaseOptions {
@@ -7,7 +7,7 @@ interface CreateEmailBaseOptions {
   cc?: string | string[];
   from: string;
   headers?: Record<string, string>;
-  react?: ReactElement | null;
+  react?: React.ReactElement | React.ReactNode | null;
   reply_to?: string | string[];
   subject: string;
   tags?: Tag[];

diff --git a/src/resend.ts b/src/resend.ts
@@ -1,4 +1,5 @@
 import axios, { AxiosInstance, AxiosResponse } from 'axios';
+import * as React from 'react';
 import { render } from '@react-email/render';
 import { version } from '../package.json';
 import { GetOptions, PostOptions, PutOptions } from './common/interfaces';
@@ -115,7 +116,7 @@ export class Resend {
       const path = `${this.baseUrl}/email`;
 
       if (data.react) {
-        data.html = render(data.react);
+        data.html = render(data.react as React.ReactElement);
         delete data.react;
       }