Typescript complaining about explicit type not having index signature

Question

Typescript is raising the error "Element implicitly has an 'any' type because type 'HumansToDogs' has no index signature." on the following code.

Everything seems explicit and straightforward to me, can anyone help?

type HumanName = 'Jessie' | 'Mark';
type DogName = 'Spot' | 'Buddy';

type HumansToDogs = {
  [key in HumanName]: DogName;  // Isn't this an index signature?
}

const humansToDogs: HumansToDogs = {
  'Jessie': 'Buddy',
  'Mark': 'Spot',
};

for (const human in humansToDogs) {
  const dog = humansToDogs[human];  // Index signature error here
}

Titian Cernicova-Dragomir · Accepted Answer · 2018-12-25 01:46:21Z

2

The for..of will type the loop variable as string. With noImplicitAny you can't index into a type with an arbitrary string. The simplest solution is to use a type assertion:

for (const human  in humansToDogs) {
    const dog = humansToDogs[human as HumanName];  // Index signature error here
}

answered Dec 25, 2018 at 1:46

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joe Gasewicz · Accepted Answer · 2020-05-13 12:52:45Z

0

You can explicitly let the Typescript compiler know that human referes to a key of HumanName as follows:

humansToDogs[human as keyof HumanName]

But a better way is to define the shape of your data, you can explicitly define a new type that declares the index as a string:

type HumanNames = {[k: string] HumanName};

edited May 13, 2020 at 12:52

answered May 13, 2020 at 11:01

Joe Gasewicz

1,55518 silver badges24 bronze badges

Collectives™ on Stack Overflow

Typescript complaining about explicit type not having index signature

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related