Javascript 离子反应JSX元素类型'；假|元素'；不是JSX元素的构造函数。类型'；假的

我有以下组件时间线和时间线项目：

import React from 'react';
import TimelineItem from './TimelineItem';


const timelineData = [
    {
        text: 'Started working on the app-ideas repository',
        date: 'May 25 2020',
        category: {
            tag: 'app-ideas',
            color: '#FFDB14'
        },
        link: {
            url: 'https://google.com',
            text: 'Check it out on GitHub'
        }
    },
    ................
]
const Timeline = () =>
    timelineData.length > 0 && (
        <div className="timeline-container">
            {timelineData.map((data: any, idx: any) => (
                <TimelineItem data={data} key={idx} />
            ))}
        </div>
    );

export default Timeline;

从“React”导入React；
从“./TimelineItem”导入TimelineItem；
常数时间线数据=[
{
文本：“已开始使用应用程序创意库”，
日期：2020年5月25日，
类别：{
标签：“应用程序创意”，
颜色：'#FFDB14'
},
链接：{
网址：'https://google.com',
文本：“在GitHub上查看”
}
},
................
]
常数时间线=（）=>
timelineData.length>0&&(
{timelineData.map（（数据：any，idx:any）=>(
))}
);
导出默认时间线；

从“React”导入React；
接口AppliedLoteProps{
资料：有；
}
常量TimelineItem=（{data}:AppliedLoteProps）=>(
{data.category.tag}
{data.date}
{data.text}

{data.link&&(
)}
);
导出默认的TimelineItem；

页面：

const TimeLineAuto = () => <>
    <h1>React Timeline</h1>
    <Timeline />
</>;

const TimeLineAuto=（）=>
反应时间线
;

我在TimeLineAuto中的Timeline调用标记上收到错误：SX元素类型“false | element”不是JSX元素的构造函数。 类型“false”不可分配给类型“Element | null”。ts（2605）.

试试这个

const Timeline = () =>
    timelineData.length > 0 ? (
    <div className="timeline-container">
      {timelineData.map((data: any, idx: any) => (
        <TimelineItem data={data} key={idx} />
      ))}
    </div>
  ) : null;

const Timeline=（）=>
timelineData.length>0？(
{timelineData.map（（数据：any，idx:any）=>(
))}
)：null；

对于旧代码，当

timelineData.length>0

为false时，它将返回

false

，这是不可接受的返回值。新代码将返回

null

，即

请尝试以下操作

const Timeline = () =>
    timelineData.length > 0 ? (
    <div className="timeline-container">
      {timelineData.map((data: any, idx: any) => (
        <TimelineItem data={data} key={idx} />
      ))}
    </div>
  ) : null;

const Timeline=（）=>
timelineData.length>0？(
{timelineData.map（（数据：any，idx:any）=>(
))}
)：null；

对于旧代码，当

timelineData.length>0

为false时，它将返回

false

，这是不可接受的返回值。新代码将返回

null

，即