Skip to main content

consistent-indexed-object-style

Require or disallow the Record type.

🎨

Extending "plugin:@typescript-eslint/stylistic" in an ESLint configuration enables this rule.

🔧

Some problems reported by this rule are automatically fixable by the --fix ESLint command line option.

TypeScript supports defining arbitrary object keys using an index signature. TypeScript also has a builtin type named Record to create an empty object defining only an index signature. For example, the following types are equal:

interface Foo {
[key: string]: unknown;
}

type Foo = {
[key: string]: unknown;
};

type Foo = Record<string, unknown>;

Using one declaration form consistently improves code readability.

.eslintrc.cjs
module.exports = {
"rules": {
"@typescript-eslint/consistent-indexed-object-style": "error"
}
};

Try this rule in the playground ↗

Options

This rule accepts the following options:

type Options = ['index-signature' | 'record'];

const defaultOptions: Options = ['record'];
  • "record" (default): only allow the Record type.
  • "index-signature": only allow index signatures.

record

interface Foo {
[key: string]: unknown;
}

type Foo = {
[key: string]: unknown;
};
Open in Playground

index-signature

type Foo = Record<string, unknown>;
Open in Playground

When Not To Use It

This rule is purely a stylistic rule for maintaining consistency in your project. You can turn it off if you don't want to keep a consistent style for indexed object types.

However, keep in mind that inconsistent style can harm readability in a project. We recommend picking a single option for this rule that works best for your project.

Resources