How to fix the “‘string’ can’t be used to index type ‘{}'” error with TypeScript?

Sometimes, we want to fix the "’string’ can’t be used to index type ‘{}’" error with TypeScript.

In this article, we’ll look at how to fix the "’string’ can’t be used to index type ‘{}’" error with TypeScript.

How to fix the "’string’ can’t be used to index type ‘{}’" error with TypeScript?

To fix the "’string’ can’t be used to index type ‘{}’" error with TypeScript, we should make sure the properties and types of each property listed in the interfaces matches the ones that are in the object.

For instance, we write

interface Item {
  id: number;
  name: string;
  email: string;
}

export type TableGridViewProps = {
  items: Item[];
  tableColumns: TableColumn[];
};

to create the Item interface and the TableGridViewProps prop that has properties set to the Item[] type.

Then the items in items should have objects that have the properties listed in Item and the types of each property should also match the ones listed in Item for each property.

Conclusion

To fix the "’string’ can’t be used to index type ‘{}’" error with TypeScript, we should make sure the properties and types of each property listed in the interfaces matches the ones that are in the object.