Cannot assign an array of Typescript type Never[] to an array of objects

Question

Cannot assign an array of Typescript type Never[] to an array of objects

Creating an object array can sometimes lead to errors, let's take a look at an example:

objectExample[a].push({ id: john, detail: true });
objectExample[a].push({ id: james, detail: false});

const objectExample = {
   a = [ { id: john, detail: true}, 
         { id: james, detail: false}];
   }

In TypeScript, attempting to define the object as follows may result in an error:

const objectExmaple: { [key: string]: { [key: string]: string | boolean}[]} = [];

The error message might look like this:

Type 'never[]' is not assignable to type '{ [key: string]: { [key: string]: string | boolean; }[]; }'.
  Index signature is missing in type 'never[]'.ts(2322)

To resolve this error and successfully create your object array, you need to...

typescript

Answer 1

Answer №1

exampleObject is actually an object, not an array, so the proper way to initialize it would be using {}. Furthermore, if you wish for key a to contain an array, you must specify this either during initialization or before utilizing the push method:

const exampleObject: { [key: string]: { [key: string]: string | boolean }[] } = {
  a: []
};

exampleObject['a'].push({ id: 'john', detail: true });
exampleObject['a'].push({ id: 'james', detail: false});

Another suggestion could be to declare the type in a more readable manner such as

Record<string, Array<Record<string, string | boolean>>>

Explore More

Answer 2

exampleObject is actually an object, not an array, so the proper way to initialize it would be using {}. Furthermore, if you wish for key a to contain an array, you must specify this either during initialization or before utilizing the push method:

const exampleObject: { [key: string]: { [key: string]: string | boolean }[] } = {
  a: []
};

exampleObject['a'].push({ id: 'john', detail: true });
exampleObject['a'].push({ id: 'james', detail: false});

Another suggestion could be to declare the type in a more readable manner such as

Record<string, Array<Record<string, string | boolean>>>

Explore More

Answer 3

Answer №2

There are a couple of issues:

If the variable objectExample is an object, you cannot initialize it to []
The type definition seems overly complicated for no reason

type Item = { [key: string]: string | boolean}
// Same as type Item = { [key: string]: string | boolean}

const objectExample: Record<string, Item[]> = {
   a: [ { id: 'john', detail: true}, 
         { id: 'james', detail: false}]
}

objectExample.a.push({ id: 'john', detail: true });
objectExample.a.push({ id: 'james', detail: false});

Here is a useful link to try this code out in a playground

Answer 4

There are a couple of issues:

If the variable objectExample is an object, you cannot initialize it to []
The type definition seems overly complicated for no reason

type Item = { [key: string]: string | boolean}
// Same as type Item = { [key: string]: string | boolean}

const objectExample: Record<string, Item[]> = {
   a: [ { id: 'john', detail: true}, 
         { id: 'james', detail: false}]
}

objectExample.a.push({ id: 'john', detail: true });
objectExample.a.push({ id: 'james', detail: false});

Here is a useful link to try this code out in a playground

Cannot assign an array of Typescript type Never[] to an array of objects

Answer №1

Answer №2

Similar questions

What causes the Angular child component (navbar) to no longer refresh the view after a route change?

React Component not displaying properly when used inside a map iteration

Error in typography - createStyles - 'Style<Theme, StyleProps, "root"

The selected check icon does not appear in the console log

``Changing the value of a class variable in Angular 2 does not result in the

Why aren't my arrays' characteristics being recognized when I create an instance of this class?

DiscoverField Component with Button Functionality and Checkbox Dilemma

Enclose this within Stencil.js components

What is the best way to loop through an object while keeping track of its value types

Instead of being viewed in the browser, the CSV file is being downloaded

Is there a way to reset the yAxes count of a chart.js chart in Angular when changing tabs?

Obtaining distinct form control values for replicated form fields with Angular

Angular type error: Attempting to assign a value of type 'string' to a variable declared as type 'string[]' is not allowed

What is the process for including an item in an array within Firestore?

The user's type from express-session is not being properly detected by Typescript

Looking to receive detailed compiler error messages along with full imports in Visual Studio Code for TypeScript?

release a Node.js module on NPM

Looking to seamlessly integrate a CommonJS library into your ES Module project while maintaining TypeScript compatibility?

Leveraging TypeScript to call controller functions from a directive in AngularJS using the "controller as"

Node path response not being properly configured