Vue: Type instantiation is excessively deep and possibly infinite.

[kuchaguangjie]

After pull latest changes in main, and merge to my branch.
In webstorm, eslint give error :

Vue: Type instantiation is excessively deep and possibly infinite.

The code:

const [Grid, gridApi] = useVbenVxeGrid({
  formOptions: {
    fieldMappingTime: [['createTime', ['startTime', 'endTime']]],
    schema: useGridFormSchema(),
    submitOnChange: true,
  },
  gridOptions: {
    columns: useColumns(onActionClick, onStatusChange),
    height: 'auto',
    keepSource: true,
    proxyConfig: {
      ajax: {
        query: async (params: PageParams, formValues) =>
          await doPageQuery(getRoleList, params, formValues),
      },
    },
    rowConfig: {
      keyField: 'id',
    },

    toolbarConfig: {
      custom: true,
      export: false,
      refresh: true,
      search: true,
      zoom: true,
    },
    sortConfig: {
      remote: true, // 远程排序
      trigger: 'default', // 点击表头触发
      orders: ['asc', 'desc', null], // 排序顺序
    },
    // 启用远程模式
    remote: {
      sort: true, // 远程排序
    },
    // 排序变化事件
    onSortChange() {
      gridApi.query();
    },
  } as VxeTableGridOptions<SystemRoleApi.SystemRole>,
});

[superwuman]

+1

[a1029382825]

+1

[doraemonxxx]

+1

[evanhon0110]

Is there any other solution? I rolled back the code and reinstalled the dependencies without any warning messages. It may be due to dependency upgrade

[HaroldZhangCode91]

@evanhon0110 I did some research, it looks like the root cause is that Typescript 5.9+ has more strict ESLint. Vben update TS to 5.9+ which trigger ESLint, The core method lead to this warning/error is from useVbenVxeGrid.
It's just warning from ESLint, you could still work with it, and it will pass the pre-commit eslint check. For shorten, we can just ignore it until some commit a solution to fix it.