Configuring a React + Typescript application

[SakharovDN]

Hi, I am having trouble correctly configuring i18n-ally for my application. My project has this directory structure.

Each of my json file looks like this.

{
  "personal-account": "Personal Account",
  "log-out": "Log Out",
  "log-out-popup": {
    "logout-confirmation": "Logout Confirmation",
    "are-you-sure": "Are you sure you want to log out?",
    "cancel": "Cancel",
    "log-out": "Log Out"
  }
}

Also here is my configuration that I tried to apply.

{
  "i18n-ally.includeSubfolders": true,
  "i18n-ally.localesPaths": "src/i18n/locales",
  "i18n-ally.namespace": true,
  "i18n-ally.pathMatcher": "{locale}/{namespaces}.json",
  "i18n-ally.keystyle": "nested",
}

But the extension still can't find the locales.

Please Help!