How type recursive object in typescript?

Question

I have next object

const obj = {
 name: 'First',
 age: 22,
}

This object has the next interface

interface ITask {
 name: string,
 age: number
}

but after some data mapping I create a recursive object like this

const obj = {
 name: 'First',
 age: 22,
 next: {
   name: 'Second',
   age: 12,
   next: { EMPTY OBJECT WHEN END }
 }
}

I try type this object this way, but it doesnt work

type IRecursiveTask =  {
        [key: string]: IRecursiveTask
} & ITask

Silvio Mayolo · Accepted Answer · 2022-03-28 23:48:14Z

10

type defines a type aliases, and type aliases cannot reference themselves. However, interface can.

interface IRecursiveTask {
  name: string;
  age: number;
  next: IRecursiveTask | {};
}

answered Mar 28, 2022 at 23:48

Silvio Mayolo

70.9k6 gold badges92 silver badges140 bronze badges

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

2 Comments

Alex Wayne Over a year ago

The type should work, but the reason you describe is not the reason why. an type alias works just fine. tsplay.dev/mbAXPN This works because the type is recursive in a known property rather than index signature.

Nalin Ranjan Over a year ago

@AlexWayne, you should have put that as an answer!!!

Collectives™ on Stack Overflow

How type recursive object in typescript?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related