我正在处理一个react组件。假设我有这样一个数组：

let data: {title: ReactNode}[] = [
   {title: "test1"}, 
   {title: <Component1 title="test2" />},
   {title: "200"},
   {title: <Component2 title="test3" />}
 ]

我有一个getTitle方法：

let result = {};

const getTitle = () => {

 data.map((item, index) => {
  switch (typeof item.title) {
    case "string":
      result[index] = item.title;
      break;
    case "object":
      result[index] = item.title;
      break;
  }
});

};

对于组件，它返回如下对象：

{$$typeof: Symbol(react.element), key: null, ref: null, props: {…}, type: ƒ, …}

然后当我想访问props对象（item.title.props）时，它返回一个错误：

Property 'props' does not exist on type 'ReactElement<any, string | JSXElementConstructor<any>> | ReactFragment | ReactPortal'.
Property 'props' does not exist on type 'ReactFragment'.ts(2339)

是否可以在Reactnode数组中获取组件的属性？