How to remove the error Element implicitly has an 'any' type because expression of type 'string'?

Question

typescript

Good afternoon, tell me how to remove this error

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'IItems'.
No index signature with a parameter of type 'string' was found on type 'IItems'



https://codesandbox.io/s/objective-blackwell-qj3il

Answer 1

Because TS doesn't know what exactly is in the variable id. He only knows that there is some string. And since it idcan be any string, the value ITEMS[0][id]can also be anything.
You can change your interface by specifying what values ​​id can take

interface IFilters {
    id: keyof IItems; // <-- "id" | "filter1" | "filter2"
    title: string;
  }