AngularFire 7.2 doesn't compile with latest Angular 13.1 and Typescript 4.5

[anisabboud]

Update Angular & Typescript to latest (13.1.0 and 4.5.3) => ng serve errors in the terminal:

Error: node_modules/@angular/fire/compat/proxy.d.ts:7:49 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.

Caused by this file: https://github.com/angular/angularfire/blob/master/src/compat/proxy.ts
Latest version of Typescript (4.5.3) doesn't like T[K].

[google-oss-bot]

This issue does not seem to follow the issue template. Make sure you provide all the required information.

[ProtoScott]

I'm also having the same problem:

Version info

Angular:
13.1.1

Firebase:
9.0.0

AngularFire:
7.0.4

Other (e.g. Ionic/Cordova, Node, browser, operating system):
Chrome

How to reproduce these conditions

Failing test unit, Stackblitz demonstrating the problem

N/A

Upgrade to Typescript 4.5.3, Angular 13.1.1, AngularFire 7.0.4

Sample data and security rules

N/a

Debug output

** Errors in the JavaScript console **

Error: node_modules/@angular/fire/compat/proxy.d.ts:7:49 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any'.
Type 'T[FunctionPropertyNames]' is not assignable to type '(...args: any) => any'.
Type 'T[T[keyof T] extends Function ? keyof T : never]' is not assignable to type '(...args: any) => any'.
Type 'T[keyof T]' is not assignable to type '(...args: any) => any'.
Type 'T[string] | T[number] | T[symbol]' is not assignable to type '(...args: any) => any'.
Type 'T[string]' is not assignable to type '(...args: any) => any'.

7 [K in FunctionPropertyNames]: ReturnType<T[K]> extends Promise ? K : never;

** Output from firebase.database().enableLogging(true); **
N/A

** Screenshots **

Expected behavior

Angular app compiles without any problems.

Actual behavior

Angular App no longer compiles

[ProtoScott]

A temporary fix for this is to revert typescript back to 4.4.4:

npm install typescript@4.4.4

[Ahmed4812]

Same problem here!

[Helioty]

Same problem

[justjoshin83]

i am having the same issue. Any assistance would be much appreciated

[MohammedLahkime]

Same issue with the following
angular : 3.1.0",
"@angular/fire": "^7.2.0",
"firebase": "^9.0.0",
"rxfire": "^6.0.0"

[carlosdag28]

Same issue with the following:
"@angular/core": "~13.1.0",
"@angular/fire": "^7.2.0",
"firebase": "^9.6.1"

[jamesdaniels]

Set skipLibCheck: true in your tsconfig for now.

[Darrow8]

skipLibCheck: true worked for me!

[mikgross]

Thanks @jamesdaniels !!

[GoSkiMN]

skipLibCheck: true did NOT work for me.

[Li0n-0]

skipLibCheck: true must be inside compilerOptions @GoSkiMN

Can confirm the issue with :
"@angular/core": "~13.1.1",
"@angular/fire": "^7.2.0",

[fennrussel]

Add this 2 lines inside compilerOptions in your tsconfig.json

"skipDefaultLibCheck": true,
"skipLibCheck": true,