Closed
Description
Describe the Bug
i have this template :
export const MagicLinkEmail: FC<MagicLinkEmailProps> = ({ magicLink }) => {
const t = createTranslator({
locale: defaultLocale,
messages,
namespace: 'MagicLinkEmail'
});
return (
<Tailwind>
<Html>
<Head />
<Body>{t('preview')}</Body>
</Html>
</Tailwind>
);
};
export default MagicLinkEmail;in preview mode i have this error :
TypeError: extendStatics is not a function
at <unknown> (/Users/rlouarn/git/programme-tz-2023/src/emails/magic-link-email.tsx:27:2)
at __extends (/Users/rlouarn/git/programme-tz-2023/src/emails/magic-link-email.tsx:27:2)
at <unknown> (/Users/rlouarn/git/programme-tz-2023/src/emails/magic-link-email.tsx:84536:2)
at <unknown> (/Users/rlouarn/git/programme-tz-2023/src/emails/magic-link-email.tsx:84542:2)
at Script.runInContext (node:vm:133:12)
at Script.runInNewContext (node:vm:138:17)
at Object.runInNewContext (node:vm:296:38)
at getEmailComponent (webpack-internal:///(rsc)/./src/utils/get-email-component.ts:84:56)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async renderEmailBySlug (webpack-internal:///(rsc)/./src/actions/render-email-by-slug.tsx:31:20)
at async Page (webpack-internal:///(rsc)/./src/app/preview/[slug]/page.tsx:27:34)
when i remove Tailwind it s work correctly :
export const MagicLinkEmail: FC<MagicLinkEmailProps> = ({ magicLink }) => {
const t = createTranslator({
locale: defaultLocale,
messages,
namespace: 'MagicLinkEmail'
});
return (
<Html>
<Head />
<Body>{t('preview')}</Body>
</Html>
);
};
export default MagicLinkEmail;
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
nvm use
pnpm install
pnpm email:dev
Expected Behavior
see a preview of email
What's your node version? (if relevant)
20.11.0