Source has X element(s) but target allows only 1

Issue

The typescript compile show this error:

Source has X element(s) but target allows only 1.

export const FooMapping: [{id: FooOperation, display: string}] = [
    { id: FooOperation.Undefined, display: 'Nothing' },
    { id: FooOperation.A, display: 'I'm A' },
    { id: FooOperation.B, display: 'I'm B' }
];

export enum FooOperation {
    Undefined = 0,
    A = 1,
    B = 2,
}

What is the correct way to define an array of special object of {id: FooOperation, display: string}?

Solution

[{id: FooOperation, display: string}] defines a tuple of exactly one element.

Try:

export const FooMapping: Array<{id: FooOperation; display: string}> = [
    { id: FooOperation.Undefined, display: 'Nothing' },
    { id: FooOperation.A, display: "I'm A" },
    { id: FooOperation.B, display: "I'm B" }
];

Or think about something like:

interface Foo {
  id: FooOperation;
  display: string;
}

export const FooMapping: Foo[] = [...];

Answered By - pzaenger