arco-design-vue tree 搜索会出现 Maximum recursive updates exceeded in component

企业微信截图_16715046248675

使用的是官方的这个demo，数据格式也是按照官方的demo 格式展示的，每次一搜索，就会出现

Maximum recursive updates exceeded in component <RenderFunction>. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function

为什么这么确定是搜索出现的问题，因为我把代码一步步注释了，才发现，不要搜索就不会出现这个警告

搜索代码如下

const searchData = debounce( (keyword: string) => {
  const loop = (data: any) => {
    const result = [] as any
    data.forEach((item: any) => {
      if (item?.Abbr.toLowerCase().indexOf(keyword.toLowerCase()) > -1) {
        result.push({ ...item })

      } else if (item.children) {
          if(item.children.length ===0){
            return;
          }
          console.log(item.children,"item.childrenitem.childrenitem.childrenitem.children");
        const filterData = loop(item.children)
        if (filterData.length) {
          console.log( filterData,"filterDatafilterDatafilterData");
          result.push({
            ...item,
            children: filterData
          })
        }
      }
    })
    return result
  }
  console.log(originTreeData.value,"dd");
  
  return loop(originTreeData.value)
},0)