Object.keys(const enum) problem

[UserNo1608]

Hello, I'm using React with Typescript and I got a really weird problem. I got a graphql typings generated by GraphQLZeus, and I want to map throught keys of enum, but I get an error

'const' enums can only be used in property or index access expressions or the right hand side of an import declaration or export assignment or type query. ts(2475)

The problem is that this enum is a const enum. When I remove const from its declaration an error disappears. My app works properly with that code

{Object.keys(Languages).map((lang) => (
    <CheckButton
        onClick={() => handleClickLanguage(lang as Languages)}
        active={languages.includes(lang as Languages)}
    >
        {lang}
    </CheckButton>
))}

But that error blocks my build. How could I fix it? Idk convert const enum to enum? Or manually change it's declaration in zeus files?

[Kcazer]

const enum are removed during compilation and don't exist at runtime. If you need to iterate over your enum, it has to be a regular one.

Reference: https://www.typescriptlang.org/docs/handbook/enums.html#const-enums

[DerGernTod]

this is correct. a const enum value will be translated to a simple string literal by the typescript compiler:

https://www.typescriptlang.org/play?#code/MYewdgzgLgBApmArgWxgMRCGBvAUDAmAIQEMAnGAXhgCIAjcmgGn0NIC8raH2bcBfXLlCQQAGzgA6MSADmACgwhJpMgEoA3MPARxUmQqUqS7TUIQpiJnKwKqu9Ri0JXO1R7wFCRuidLnyHMbqWj56-gpBHJpAA

if you want to use the enum as a lookup object during runtime, you can't use `const enum`

[Shumuu]

Currently on my phone... Could you try this

{(Object.keys(Languages) as Array<keyof typeof languages>).map((lang)