I'm trying to get the markup to work with internationalisation. I manage to retrieve the text but it doesn't apply the markup. Anyone able to tell me how it's done?

// en.json 

  {
     congratulate: {
       person1: "<b>happy birth day</b>"
       person2: "<i>happy birth day</i>"
     }
  }

// page.tsx

  const Page = () => {
     const t = useTranslations("congratulate");

     return(
       <> 
         <div>{t.markup("person1")}</div>
         <div>{t.markup("person2")}</div>
       <>   
     )
   }

==> doesn't apply bold / italic right now.