如何在我的TypeScript示例中正确声明SpeakerListDataTest

Question

我无法弄清楚为什么TypeScript在这里抱怨我对功能反应组件SpeakerListDataTest的声明。我以为我的接口定义是正确的（并且确实按预期工作了）。

import React, {FunctionComponent} from 'react';

export interface Speaker {
    id: number,
    firstName: string
}

interface Props {
    speakers: Speaker[]
}

const SpeakerListDataTest: FunctionComponent<Props> = ({speakers}) => {
    <div>
        {speakers.map((speaker: Speaker) => (
            <div>
                {speaker.firstName}
                key={speaker.id}
            </div>
        ))}
    </div>
};

export default SpeakerListDataTest;

这是错误：

TS2322：类型'（{{speakers}：Props＆{children？：ReactNode;}}）=> void'不能分配给'FunctionComponent'类型。类型“ void”不能分配给类型“ ReactElement” |空”。