reactjs - ReactJSでCARBON-UIを使用してExapandable検索ボックスを実装するには?

Question

IBM の Carbon UI デザインを使用しています。ExapandableSearchReactJS アプリケーションにコンポーネントを実装するにはどうすればよいですか?

私は試した

import {  ExpandableSearch } from 'carbon-components-react'

  const props = () => ({
    className: 'some-class',
    size: 'xl',
    light: false,
    disabled: false,
    name: 'ff',
    defaultValue: 'ccc',
    labelText: 'Search',
    closeButtonLabelText: 'Clear search input',
    placeholder: 'Search',
    onChange: () => {},
  })

function search = () => {
   return <ExpandableSearch
        {...props}
        labelText="search"
        id="search-expandable-1"
   />
}

エラー

要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、取得したのは未定義です。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートを混同している可能性があります。

どんな種類の助けも大歓迎です