pmioduszewski/my-email-temp.tsx

## my-email-temp.tsx
import i18next from "i18next";

import { render } from "@react-email/render";

import {
  Head,
  Html,
  // ...
} from "@react-email/components";

type MyEmailTemplate {
  i18nResources: Record<string, unknown>;
  locale: string;
  // ...
}

export const MyEmailTemplate = ({
  i18nResources,
  locale,
  // ..
}: MyEmailTemplate) => {

  i18next.init({
    // @ts-expect-error: Bro, I have to eat
    resources: i18nResources,
    lng: locale,
  });

  const t = i18next.t;

  return (
    <Html>
      <Head />
      {/* ... */}

      {t("my_beautiful_key", { ns: "common" })}

      {/* ... */}
    </Html>
  );
};

export const renderMyEmailTemplate = ({
  i18nResources,
  locale,
  // ..
}) =>
  render(
    <MyEmailTemplate
      i18nResources={i18nResources}
      locale={locale}
      {/* ... */}
    />,
    {
      pretty: true,
    },
  );


## send-email-api.ts
import type { NextApiRequest, NextApiResponse } from "next";

import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { renderMyEmailTemplate } from "../somewhere-over-the-rainbow/my-email-temp";


export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse,
) {


    const locale = "de"

    const i18n = {
            ...(await serverSideTranslations(locale || "en", ["common"], i18nConfig, [
          "en",
          "de",
        ])),
      };

    const i18nResources = i18n._nextI18Next?.initialI18nStore;

    const html = renderMyEmailTemplate({
                        i18nResources,
                        locale
                        })

    // ... sendEmail
}
	import i18next from "i18next";

	import { render } from "@react-email/render";

	import {
	Head,
	Html,
	// ...
	} from "@react-email/components";

	type MyEmailTemplate {
	i18nResources: Record<string, unknown>;
	locale: string;
	// ...
	}

	export const MyEmailTemplate = ({
	i18nResources,
	locale,
	// ..
	}: MyEmailTemplate) => {

	i18next.init({
	// @ts-expect-error: Bro, I have to eat
	resources: i18nResources,
	lng: locale,
	});

	const t = i18next.t;

	return (
	<Html>
	<Head />
	{/* ... */}

	{t("my_beautiful_key", { ns: "common" })}

	{/* ... */}
	</Html>
	);
	};

	export const renderMyEmailTemplate = ({
	i18nResources,
	locale,
	// ..
	}) =>
	render(
	<MyEmailTemplate
	i18nResources={i18nResources}
	locale={locale}
	{/* ... */}
	/>,
	{
	pretty: true,
	},
	);
	import type { NextApiRequest, NextApiResponse } from "next";

	import { serverSideTranslations } from "next-i18next/serverSideTranslations";
	import { renderMyEmailTemplate } from "../somewhere-over-the-rainbow/my-email-temp";




	export default async function handler(
	req: NextApiRequest,
	res: NextApiResponse,
	) {


	const locale = "de"

	const i18n = {
	...(await serverSideTranslations(locale \|\| "en", ["common"], i18nConfig, [
	"en",
	"de",
	])),
	};

	const i18nResources = i18n._nextI18Next?.initialI18nStore;

	const html = renderMyEmailTemplate({
	i18nResources,
	locale
	})

	// ... sendEmail
	}