Next.jsとSemantic UI、Tab要素、エラー：要素タイプが無効です

Question

tabs from semantic-uiをNext.jsアプリケーションに実装しようとしています。

私はこのエラーを取得しています：

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of TabExampleBasic .

これはコードです：

import React from 'react' 
import { Tab } from 'semantic-ui-react' 

const panes = [ 
    { menuItem: 'Tab 1', render:() => <Tab.Pane>Tab 1 Content</Tab.Pane> }, 
    { menuItem: 'Tab 2', render:() => <Tab.Pane>Tab 2 Content</Tab.Pane> }, 
    { menuItem: 'Tab 3', render:() => <Tab.Pane>Tab 3 Content</Tab.Pane> }, 
] 

const TabExampleBasic =() => (
    <Tab panes={panes} /> 
) 

export default TabExampleBasic 

私はページ/ index.jsに、このコンポーネントをインポート。 Card、Grid、Accordionのようなsemantic-uiの他のコンポーネントは面倒なく動作します。

私は、この例で働いています：https://github.com/zeit/next.js/tree/master/examples/with-semantic-ui

Answer 1

Tabコンポーネントは、あなたがこのバージョン以降を実行していることを確認し、0.70.0に追加されました。