Typescript Element implicitly has an 'any' type because expression of type 'any' can't be used to index type

Question

I have component that accept Item, ant I use interface to describe it, but inside component I use next construction (I use another property to get currentItem field)

modalComponentsData.reduce((acc: any, el: any) => {
         acc[el.name] = currentItem[el.name]
         return acc
       }, {}),

And I get next warning

TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type '{ name: string; id?: string | undefined; }'

interface IItem{
  name: string,
  id: string
}

export default function ModalGroupComponent({currentItem}: IItem{

....some logic

modalComponentsData.reduce((acc: any, el: any) => {
         acc[el.name] = currentItem[el.name]
         return acc
       }, {}),
}

Where is currentItem being declared? (acc: IItem[], el: IItem) might work for the arrow function but have you tried it without the type declaration? — bherbruck
– bherbruck, Commented Mar 15, 2021 at 19:05

Slavik Meltser · Accepted Answer · 2021-03-15 19:26:06Z

1

Try this:

interface IItem {
    name: string;
    id: string;
}

interface IItemDict {
    [key: string]: IItem
}

interface IComponent {
    currentItem: IItemDict;
}

interface IElement {
    name: string;
}

export default function ModalGroupComponent({currentItem}: IComponent) {

    // ....some logic

    modalComponentsData.reduce((acc: IItemDict, el: IElement) => {
        acc[el.name] = currentItem[el.name]
        return acc
    }, {});
}

answered Mar 15, 2021 at 19:26

Slavik Meltser

10.5k3 gold badges53 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

Typescript Element implicitly has an 'any' type because expression of type 'any' can't be used to index type

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related