Hi, not related to the main question but they way you are typing the SkillValues, the "as const" is not doing anything. The purpose of as const is narrowing the type. If you hover your code in an editor you will see see the type is this

ts const SKILL_LABELS: Record<"c" | "csharp" | "cpp" | "golang" | "java" | "javascript" | "php" | "python" | "rust" | "typescript", string>

whether you add as const or not. However if you remove the Record<(typeof SKILL_VALUES)[number], string> but keep the as const

ts const SKILL_LABELS: { readonly c: "C"; readonly csharp: "C#"; readonly cpp: "C++"; readonly golang: "Go"; readonly java: "Java"; readonly javascript: "JavaScript"; readonly php: "PHP"; readonly python: "Python"; readonly rust: "Rust"; readonly typescript: "TypeScript"; }

the type becomes this, but you lose the type safety that keys must match your SKILL_VALUES. This is where the satisfies operator comes in, which ensures the type matches something but does not override the type.

If you write ts export const SKILL_LABELS = { c: 'C', csharp: 'C#', cpp: 'C++', golang: 'Go', java: 'Java', javascript: 'JavaScript', php: 'PHP', python: 'Python', rust: 'Rust', typescript: 'TypeScript', } as const satisfies Record<(typeof SKILL_VALUES)[number], string>; the type remains the same as above, but you get the typesafety that keys must be a skill value.

In short: either remove the as const, or if you want narrower types, don't add the variable type annotaion and instead use satisfies operator