What to do if you have multiple 'useTranslations' in the same file?

[OguzcanKarakoc]

Consider the following:

export default function DashboardPage() {
  const t = useTranslations("dashboard");
  const tCommon = useTranslations('common');

  const test = t('title');
  const test2 = tCommon('save');

  return <>....</>
}

I have the following custom framework file:

# eslint-disable yaml/quotes
languageIds:
  - javascript
  - typescript
  - javascriptreact
  - typescriptreact

usageMatchRegex:
  - "[^\\w\\d](?:t|tCommon)\\(['\"`]({key})['\"`]"
  
scopeRangeRegex: "(?:useTranslations\\(|getTranslations\\(|namespace:)\\s*['\"`](.*?)['\"`]"

monopoly: true

You can see that the usageMatchRegex targets both "t" and "tCommon"

The problem I now have is the following:

because const tCommon = useTranslations('common') comes after const t = useTranslations("dashboard"), both "t" and "tCommon" look at the "common" namespace. So for example my en.json would look like:

{
   "common": {
       "close": "Close",
       "save": "Save",
       "title": "......"
   },
   "dashboard": {
   }
}

instead of:

{
   "common": {
       "close": "Close",
       "save": "Save",
   },
   "dashboard": {
       "title": "......"
   }
}

How would I fix this?