[Bug] '&' keyword Type recognition bug when used with array methods

[rhkdgns95]

Bug Report

🔎 Search Terms

Generic Type Array & keyword map method

🕗 Version & Regression Information

"typescript": "^4.4.3"

💻 Code

interface ITool {
  name: string;
  count: number;
}

interface IUser {
  name: string
  age: number;
  tools: ITool[];
}

const users: Array<
  IUser & { uid: number; tools: Array<ITool & { uid: number }> }
> = [
  {
    uid: 1,
    name: "Brian",
    age: 29,
    tools: [
      {
        uid: 1,
        name: "pen",
        count: 1,
      },
      {
        uid: 2,
        name: "book",
        count: 20,
      },
    ],
  },
];

users.map(user => {
  // Ok
  console.log('user.uid: ', user.tools[0].uid);
  
  user.tools.map(tool => {
    // Error
    console.log('tool.uid: ', tool.uid);
  });

  return user;
})

🙁 Actual behavior

🙂 Expected behavior

In the normal case, the uid field within the array (of 'users' or 'tools') should be resolvable.

[MartinJohns]

Most likely a duplicate of #41874.

[rhkdgns95]

@MartinJohns

Yes, it has been confirmed with a similar issue!

In the current issue, when using the array method (ex. .forEach(), .map() etc...), there is a compile error problem saying that the field of the corresponding element value cannot be referenced.

[typescript-bot]

This issue has been marked as a 'Duplicate' and has seen no recent activity. It has been automatically closed for house-keeping purposes.