I Have a DTO, which I am using in order to map through one of its keys

THE DTO and the SecurityMode enum:

enum SecurityMode {
  mode1 = 'mode1’,
  mode2 = 'mode2’,
  mode3 = 'mode3’
}

export default SecurityMode;

import SecurityMode from 'shared/mon/enums/SecurityMode';

export default interface IAuthUser {
  security: Record<SecurityMode, boolean>;
}

THE ERROR:

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Record<SecurityMode, boolean>'.
  No index signature with a parameter of type 'string' was found on type 'Record<SecurityMode, boolean>'.ts(7053)

Here is the part of the Code, the error is presenting:

{user && user.security && user.security[securityKey] && ( // The error is on user.security[securityKey]
          <Fragment>
            <span">{securityKey}</span>
          </Fragment>
        )}

So, how do I remove this error? What is his problem?

I tried changing the security to:

security: Record<{[key: string]: SecurityMode, boolean}>

but the Record Generic only takes 2 arguments, and when I am putting them into a var, I get that I am using them as values. PLEASE HELP..

I Have a DTO, which I am using in order to map through one of its keys

THE DTO and the SecurityMode enum:

enum SecurityMode {
  mode1 = 'mode1’,
  mode2 = 'mode2’,
  mode3 = 'mode3’
}

export default SecurityMode;

import SecurityMode from 'shared/mon/enums/SecurityMode';

export default interface IAuthUser {
  security: Record<SecurityMode, boolean>;
}

THE ERROR:

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Record<SecurityMode, boolean>'.
  No index signature with a parameter of type 'string' was found on type 'Record<SecurityMode, boolean>'.ts(7053)

Here is the part of the Code, the error is presenting:

{user && user.security && user.security[securityKey] && ( // The error is on user.security[securityKey]
          <Fragment>
            <span">{securityKey}</span>
          </Fragment>
        )}

So, how do I remove this error? What is his problem?

I tried changing the security to:

security: Record<{[key: string]: SecurityMode, boolean}>

but the Record Generic only takes 2 arguments, and when I am putting them into a var, I get that I am using them as values. PLEASE HELP..

• javascript
• reactjs
• typescript
• enums
• interface

Share Improve this question Follow edited Aug 26, 2020 at 15:40 JBaczuk 14.7k1010 gold badges6565 silver badges9191 bronze badges asked Jul 15, 2019 at 9:48 user10104341user10104341

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

  user.security[securityKey as SecurityMode]

The problem is not the type of user.security but the type of securityKey as that can be any string, also one that isn't part of user.security. As undefined / false have the same meaning here (I assume), it is safe to cast the string to the string literal union type, then the error should disappear.