TypescriptでのReact Componentの型決めかた

TypeScriptのReact Componentの型決めについて質問があります。
いまReact.jsをつかいタブの実装を試みています。
以下のコードで動くことは可能ですが、<Items.TabsNav />、<Items.Work>work</Items.Work>、<Items.Blog>blog</Items.Blog>コンポーネントにおいてtypescriptのType '{}' is missing the following properties from type 'Items_Props': tabType, children, changeTabts(2739)
コードエラーが発生してしまいました
この場合どのような型付けが適切なのでしょうか？

js
1import React, { Component, SFC, ReactElement } from 'react';
2
3const TAB_TYPES = {
4  WORK: 'work',
5  BLOG: 'blog'
6}
7
8const tabData = [
9  {
10    text: 'Work_TAB',
11    type: TAB_TYPES.WORK
12  },
13  {
14    text: 'Blog_TAB',
15    type: TAB_TYPES.BLOG
16  }
17]
18
19
20interface TabsComponent_Props {
21  currentTabType: string,
22  tabData: Array<{text: string,type: string}>,
23  onClick: any//(event: React.MouseEvent<HTMLInputElement>) => void
24}
25type Items_Props = {
26  tabType: string,
27  children: ReactElement,
28  changeTab: any
29}
30const TabsNav = ({ currentTabType, tabData, onClick }: TabsComponent_Props) => (
31    <ul className="tabs">
32    {tabData.map(tab => (
33      <li
34        className={currentTabType === tab.type ? 'active' : ''}
35        onClick={() => onClick(tab.type)}
36      >
37        {tab.text}
38      </li>
39    ))}
40  </ul>
41);
42
43class Items extends Component {
44
45  static Work: SFC<Items_Props> = ({ tabType, children }) => tabType === TAB_TYPES.WORK ? children : null;
46  static Blog: SFC<Items_Props> = ({ tabType, children }) => tabType === TAB_TYPES.BLOG ? children : null;
47  static TabsNav: SFC<Items_Props> = ({ tabType, changeTab, ...props }) => (
48    <TabsNav currentTabType={tabType} tabData={tabData} onClick={changeTab} />
49  );
50
51  state = {
52    currentTabType: TAB_TYPES.WORK
53  };
54
55  changeTab = (tabType: any) => {
56    this.setState({ currentTabType: tabType });
57  };
58
59  render() {
60    return React.Children.map(this.props.children, (child) =>
61      React.cloneElement(child as React.ReactElement, {
62        tabType: this.state.currentTabType,
63        changeTab: this.changeTab
64      }),
65    );
66  }
67}
68
69const Content = () => (
70  <Items>
71    <Items.TabsNav />
72    <Items.Work>work</Items.Work>
73    <Items.Blog>blog</Items.Blog>
74  </Items>
75);
76
77export default Content;
78