     render: ->
       <div>
       <link rel='stylesheet' href={join(relative(ROOT, __dirname), 'assets', 'hensei-nikki.css')} />
-        <TabbedArea activeKey={@state.selectedKey} onSelect={@handleSelectTab} animation={false}>
-          <TabPane eventKey={1} tab={__ 'Records'}>
+        <Tabs activeKey={@state.selectedKey} onSelect={@handleSelectTab} animation={false}>
+          <Tab eventKey={1} title={__ 'Records'}>
             <HenseiList indexKey={0}
                         selectedKey={@state.selectedKey}
                         henseiData={@state.henseiData}
                         getDeckDetail={getDeckDetail} />
-          </TabPane>
-          <TabPane eventKey={2} tab={__ 'Edit'}>
+          </Tab>
+          <Tab eventKey={2} title={__ 'Edit'}>
             <EditDataTab indexKey={1}
                          selectedKey={@state.selectedKey}
                          henseiData={@state.henseiData}

{_, APPDATA_PATH, ROOT, React, ReactBootstrap, FontAwesome, error, log, toggleModal, JSON} = window
{TabbedArea, TabPane} = ReactBootstrap
fs = require 'fs-extra'
{relative, join} = require 'path-extra'
i18n = require './node_modules/i18n'

                         handleAddData={@handleAddData}
                         handleDeleteData={@handleDeleteData}
                         saveData={@saveData} />
          </Tab>
        </Tabs>
      </div>
