search

angular / angularfire

Angular + Firebase = ❤️
https://firebaseopensource.com/projects/angular/angularfire2
MIT License
7.67k stars 2.19k forks source link

collectionData doesn't allow angular app to become stable with angular 17 and ssr (getDocs does) #3496

Open pdela opened 8 months ago

pdela commented 8 months ago

Version info

Angular: 17.0.9

Firebase: 10.7.1

AngularFire: 17.0.1

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

How to reproduce these conditions

GitHub repo to clone as needs SSR to reproduce https://github.com/pdela/testing-ng17-ssr

Steps to set up and reproduce

Clone the repo install dependencies npm run start

Expected behavior

Angular app to become stable in reasonable time (millis)

Actual behavior

The problem is that firebase prevents angular app to become stable in client, thus hydration process doesn't start, except after waiting for around 120 seconds

Edit: Unfortunately I still have this problem in the demo above and in another project ( using angular 17.3.x and firebase 10.11.x) and this time using getDoc method. I'm pretty sure the problem is originated in firestore SDK, as the 2 pending macrotasks that blocks angular being stable point to a setTimout inside firestore source code.

google-oss-bot commented 8 months ago

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

itherocojp commented 5 months ago

I have the same situation.