Typescript error : can not access array elements

[army-u8]

💥 Regression Report

Appears type error when I use the json file as a resource ,but translations to a object using as const, it'll work.

Last working version

Worked up to version: 23.11.3

Stopped working in version: 23.11.3

To Reproduce

Steps to reproduce the behavior:
HTTP.json

{
  "403": "403 Forbidden \n You don’t have permission to access this page.",
  "500": "Looks like the server is taking too long to respond, this can be caused by either poor connectivity or an error with our servers. Please try again in a while.",
  "503": "Service temporarily unavailable.",
  "501": ["a", "b", "c", "d", "e"]
}

import HTTP from './HTTP.json';
const defaultNS = 'general';
const httpCode = {
  '403': '403 Forbidden \n You don’t have permission to access this page.',
  '500':
    'Looks like the server is taking too long to respond, this can be caused by either poor connectivity or an error with our servers. Please try again in a while.',
  '503': 'Service temporarily unavailable.',
  '501': ['a', 'b', 'c', 'd', 'e'],
} as const;
export const resources = {
  en: {
    general: {
      http: HTTP,
    },
  },
} as const;
i18next.init({
  lng: 'en',
  debug: true,
  defaultNS,
  resources,
});

i18n.d.ts
declare module "i18next" {
  interface CustomTypeOptions {
    defaultNS: typeof defaultNS;
    resources: (typeof resources)["en"];
  }
}

https://stackblitz.com/edit/solidjs-templates-zghu8f?file=src%2Fi18n.ts,src%2FApp.tsx,src%2Fi18n.d.ts,src%2FHTTP.json,tsconfig.json

Your Environment

• runtime version: i.e. node v14, deno, browser xy
• i18next version: i.e. 23.11.3
• os: Mac,

[adrai]

I don't think this was working before v23.11.3... That may be since v22.x
That's probably because of the number... like it is with the interpolation: https://www.i18next.com/overview/typescript#not-working-interpolation-values

[army-u8]

And also type issue that if i use snake_case in json the generate new field as snakease

{
    "403": "403 Forbidden \n You don’t have permission to access this page.",
    "500": "Looks like the server is taking too long to respond, this can be caused by either poor connectivity or an error with our servers. Please try again in a while.",
    "503": "Service temporarily unavailable.",
    "error_code": "error"
}

i18next.init({
  lng: "en",
  debug: true,
  ns,
  defaultNS,
  resources,
});

[adrai]

Like said... you need the as const or an interface: https://www.i18next.com/overview/typescript#not-working-interpolation-values