angularfire icon indicating copy to clipboard operation
angularfire copied to clipboard

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

Open pdela opened this issue 1 year ago • 2 comments
trafficstars

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.

pdela avatar Jan 16 '24 12:01 pdela

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

google-oss-bot avatar Jan 16 '24 12:01 google-oss-bot

I have the same situation.

itherocojp avatar May 01 '24 14:05 itherocojp