i18n in server actions

[stefanprobst]

hi, i am curious how others are handling i18n in react server actions.

example: i want to return translated (error) messages in a form submit:

// --- components/my-form.tsx ---

"use client";

import { useFormState } from "react-dom";

import { greet } from "@/lib/actions/greet";

interface MyFormProps {
  nameLabel: string;
  submitLabel: string;
}

export function MyForm(props: MyFormProps) {
  const { nameLabel, submitLabel } = props;

  const [formState, dispatch] = useFormState(greet, undefined);

  return (
    <form action={dispatch}>
      <label>
        <span>{nameLabel}</span>
        <input name="name" placeholder={nameLabel} required type="text" />
      </label>

      <button type="submit">{submitLabel}</button>

      <div aria-atomic={true} aria-live="polite">
        {formState?.message}
      </div>
    </form>
  );
}

// --- lib/actions/greet.ts ---

"use server";

interface State {
  message: string
}

export async function greet(state: State | undefined, formData: FormData) {
  const name = formData.get('name')

  // FIXME: how to use i18n here?

  return { message: `Hi from the server, ${name}!` }
}

how can i use next-intl in the "greet" server action?

[stefanprobst]

it looks like i can just use getTranslations - but not sure if this is intended to be used in server actions?