Implementation for React Server Comonents for emails #1240

robin-ln · 2024-01-24T18:58:20Z

robin-ln
Jan 24, 2024

Describe the Bug

i cant use rsc components :

import { Head, Html, Preview } from '@react-email/components';
import { getTranslations } from 'next-intl/server';
import { FC } from 'react';

export const TestEmail: FC = async () => {
  const t = await getTranslations('MagicLinkEmail');

  return (
    <Html>
      <Head />
      <Preview>{t('heading')}</Preview>
    </Html>
  );
};

export default TestEmail;

i get this error :

Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.

Which package is affected (leave empty if unsure)

No response

Link to the code that reproduces this issue

https://gitlab.com/robin.louarn/programme-tz-2023

To Reproduce

pnpm install
pnpm email:dev

Expected Behavior

get a preview of my mail

What's your node version? (if relevant)

20.11.0

gabrielmfern · 2024-01-24T22:01:50Z

gabrielmfern
Jan 24, 2024
Maintainer

Would be nice to be able to, but yes, we don't. This should be mostly a discussion rather than an issue.

1 reply

gvzq Aug 6, 2024

Hey @gabrielmfern, what's the solution? This will be an issue for "react": "^19.0.0-rc-6230622a1a-20240610" and "next": "15.0.0-rc.0"

BohdanK-W32 · 2024-07-14T07:52:22Z

BohdanK-W32
Jul 14, 2024

It's still not implemented?

2 replies

gvzq Aug 6, 2024

@BohdanK-W32 I found server components in the canary version.
Here is an example: https://github.com/dBianchii/react-email-starter-rsc-bug/pull/1/files

BohdanK-W32 Aug 6, 2024

@gvzq, thanks for letting me know!!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Implementation for React Server Comonents for emails #1240

{{title}}

Replies: 2 comments 3 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Implementation for React Server Comonents for emails #1240

robin-ln Jan 24, 2024

Describe the Bug

Which package is affected (leave empty if unsure)

Link to the code that reproduces this issue

To Reproduce

Expected Behavior

What's your node version? (if relevant)

Replies: 2 comments · 3 replies

gabrielmfern Jan 24, 2024 Maintainer

gvzq Aug 6, 2024

BohdanK-W32 Jul 14, 2024

gvzq Aug 6, 2024

BohdanK-W32 Aug 6, 2024

robin-ln
Jan 24, 2024

Replies: 2 comments 3 replies

gabrielmfern
Jan 24, 2024
Maintainer

BohdanK-W32
Jul 14, 2024