@@ -124,12 +124,21 @@ const indexTree = <T extends DevToolsNode<DirectiveInstanceType, ComponentInstan
124
124
parentPosition : number [ ] = [ ] ,
125
125
) : IndexedNode => {
126
126
const position = parentPosition . concat ( [ idx ] ) ;
127
+
128
+ // Not every node represents a DOM element (ex @defer blocks), we shouldn't account for them
129
+ const children : IndexedNode [ ] = [ ] ;
130
+ node . children . forEach ( ( n , i ) => {
131
+ if ( n . nativeElement ) {
132
+ children . push ( indexTree ( n , i , position ) ) ;
133
+ }
134
+ } ) ;
135
+
127
136
return {
128
137
position,
129
138
element : node . element ,
130
139
component : node . component ,
131
140
directives : node . directives . map ( ( d ) => ( { position, ...d } ) ) ,
132
- children : node . children . map ( ( n , i ) => indexTree ( n , i , position ) ) ,
141
+ children,
133
142
nativeElement : node . nativeElement ,
134
143
hydration : node . hydration ,
135
144
defer : node . defer ,
@@ -138,4 +147,5 @@ const indexTree = <T extends DevToolsNode<DirectiveInstanceType, ComponentInstan
138
147
139
148
export const indexForest = < T extends DevToolsNode < DirectiveInstanceType , ComponentInstanceType > > (
140
149
forest : T [ ] ,
141
- ) : IndexedNode [ ] => forest . map ( ( n , i ) => indexTree ( n , i ) ) ;
150
+ // Not every node represents a DOM element (ex @defer blocks), we shouldn't account for them
151
+ ) : IndexedNode [ ] => forest . filter ( ( n ) => n . nativeElement ) . map ( ( n , i ) => indexTree ( n , i ) ) ;
0 commit comments