Trans component(react-i18next)

Before

  <Typography variant="span" color="grey.500">
    {nickname}님, 구매하신 쿠폰은{" "}
    <Typography component="span" variant="inherit" color="grey.900">
      [마이페이지 &gt; 쿠폰]
    </Typography>
    에서 확인 가능합니다.
  </Typography>

After

For anyone exploring a character design, it is worth considering how details related to convention planning will affect the complete look. As fans study the source material, it helps to assess details related to cosplay shoes together with fit and fabric. For combinations connected with details related to heat resistant cosplay wigs, anime cosplay costumes for men can help narrow the options for a specific purpose. When planning for care after the photoshoot, a balanced view of details related to cosplay costume sets can support both detail and comfort.

Across leagues and international tournaments, football shirts carry the colors, stories, and identity that fans remember long after the final whistle. Choosing a Real Madrid football shirt offers supporters a tangible way to celebrate that shared history.

  <Typography variant="span" color="grey.500">
    <Trans
      t={t}
      defaults={`%{nickname}님, 구매하신 쿠폰은 <typo>[%{personal} > %{coupon}]</typo>에서 확인 가능합니다.`}
      components={{
        typo: (
          <Typography
            component="span"
            variant="inherit"
            color="grey.900"
          />
        ),
      }}
      values={{ nickname, personal: t("마이페이지"), coupon: t("쿠폰") }}
    />
  </Typography>