Tree view => Cannot read properties of undefined (reading 'value')

[Lavos96]

Reproduction link

https://stackblitz.com/edit/ng-zorro-antd-ivy?file=package.json

Steps to reproduce

During initialization of tree-view component we get this error (there was no error in last version before 18 which is 17.4.1):

ERROR TypeError: Cannot read properties of undefined (reading 'value')
at NzTreeViewComponent._initializeKeyManager (tree.mjs:492:46)
at NzTreeViewComponent.ngAfterContentInit (tree.mjs:332:14)
at callHookInternal (core.mjs:5150:14)
at callHook (core.mjs:5177:13)
at callHooks (core.mjs:5131:17)
at executeInitAndCheckHooks (core.mjs:5081:9)
at refreshView (core.mjs:13811:21)
at detectChangesInView (core.mjs:13982:9)
at detectChangesInViewIfAttached (core.mjs:13942:5)
at detectChangesInComponent (core.mjs:13931:5)

If we get closer look at NzTreeViewComponent._initializeKeyManager, we see that:

const keyManagerOptions = {
trackBy: node => this._getExpansionKey(node.data),
skipPredicate: node => !!node.isDisabled,
typeAheadDebounceInterval: true,
horizontalOrientation: this._dir.value, <--- here we got error
};

It is connected to unset Directionality, i dont know but this maybe should look like this in order to eliminate this error: this._dir?.value || 'ltr'

What is expected?

There should be no error in console

What is actually happening?

There is error in console

Environment	Info
ng-zorro-antd	18.1.1
Browser	Chrome

[Lavos96]

this could be connected: angular/components#29595

[mcgorden]

I met the same error too, and it blocks my work! Could you please provide a solution that works?

[Lavos96]

It seems that issue have been resolved in version 18.2.2 of angular/components lib (https://github.com/angular/components/releases/tag/18.2.2 , angular/components#29648) . So in order to get rid of this error angular/components lib should be upgraded to version 18.2.2 or higher.