Ant design报错：未取消使用任何解构元素

Question

定义了HOCProps参数类型，当使用const{columns,dataSource} =props; 的时候报错：未取消使用任何解构元素，请问该如何解决呢？

import React, { ReactNode } from "react";
import {Descriptions} from 'antd';
import { render } from "react-dom";

export interface columnsType{
    dataIndex:string | string[];    
    title:ReactNode;               

}


export interface HOCProps{      
    columns:columnsType[];
    dataSource:[];

}

//定义高阶组件
const DescriptionHOC = (WrappedComponent:any)=>{
  
  const HOC :React.FC<HOCProps>=(props)=>{
    const{columns,dataSource} =props;       //该行报错


      return(
        <div>
        <WrappedComponent {...props}/>    
       </div>    
      )
  }
 
  return HOC;     
};


export default DescriptionHOC(Descriptions)

Answer 1

等待大神解答