Closed
Description
Which @angular/* package(s) are the source of the bug?
platform-server, platform-browser, core
Is this a regression?
No
Description
Hey. Angular hydration doesn't work with lazy loaded components.
Start my repro and navigate to http://localhost:4200/non-lazy - you will see this in console:
Angular hydrated 2 component(s) and 12 node(s), 0 component(s) were skipped
But when you go to: http://localhost:4200/lazy, angular doesn't seem to hydrate:
Angular hydrated 1 component(s) and 3 node(s)
Which is clearly visible in devtools:
This issue scales on our large app and causes blocks to re-render (which causes flickering)
Please provide a link to a minimal reproduction of the bug
https://github.com/zip-fa/ng20-hydration-issue
Please provide the exception or error you saw
Please provide the environment you discovered this bug in (run ng version)
Angular CLI: 20.1.0
Node: 24.2.0
Package Manager: npm 11.3.0
OS: darwin arm64
Angular: 20.1.0
... build, cli, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-server, router, ssr
Package Version
------------------------------------------------------
@angular-devkit/architect 0.2001.0
@angular-devkit/core 20.1.0
@angular-devkit/schematics 20.1.0
@schematics/angular 20.1.0
rxjs 7.8.2
typescript 5.8.3
Anything else?
No response