使用useRef访问子元素时number无法索引{}类型的any报错原因是什么？

• 变量类型标注不匹配：你给lastChild标注的ReactNode是React虚拟节点的联合类型，而subCnt.current?.children返回的是原生DOM的HTMLCollection类数组集合，二者类型完全不兼容。赋值后TS会丢失HTMLCollection原本的数字索引签名信息，无法识别该变量支持通过下标访问元素。
• 类型推断异常降级：由于标注类型和实际值类型不匹配，TS会将lastChild的类型降级推断为无索引签名的{}类型，因此触发「无法用number类型索引{}类型」的报错。
• 可选类型残留干扰：你前置判断里的非空断言!仅作用于length字段，没有完全消除subCnt.current、children的undefined可能性，lastChild实际携带了undefined联合类型，进一步破坏了TS的类型校验逻辑。

内容的提问来源于stack exchange，提问作者Abraham