Hey all, how do we pass groups of messages using next intl? My use case is I have say message groups 'common' and 'userpage'. I dont want to pass single messages as the docs suggest. I also dont want to pass the whole translation file to the client component. Ideally, I can just pass down the required groups of messages to call.

en.json file

"Common": {
    "Follow": "Follow",
    "VisitWebsite": "Visit Website",
    "Apply": "Apply",
    "Listings": "Listings",
    "Submit": "Submit",
    "Error": "Error",
    "Creator": "Creator",
    "Brand": "Brand"
  },
  "UserTypeSelectPage": {
    "Title": "Welcome to Valley",
    "Subtitle": "Are you a Creator or a Brand?",
    "Modal": {
      "BodyLabel": "Who should select this?",
      "CreatorBody": "Users who create content on websites such as: Twitch, Youtube, and Instagram",
      "BrandBody": "Users who want to advertise using creators"
    }

Server component

const commonMessages = await getTranslations("Common");
  const userTypeSelectPageMessages =
    await getTranslations("UserTypeSelectPage");

then pass the above as props down to the component