React Selectのimport方法

Question

前提・実現したいこと

React　Selectが実装できません．
インストールするディレクトリ等が間違っていたらご教授下さい．

＜手順＞
①npm create-react-app testで新しいディレクトリを作成し
②cd /user/tk/testに移動
③公式マニュアル通りにnpm add react-selectを実行
④App.jsを開き，参考サイトにある以下のコードに置き換え

import React from 'react'
import Select from 'react-select'

const options = [
  { value: 'pikachu', label: 'ピカチュウ' },
  { value: 'bulbasaur', label: 'フシギダネ' },
  { value: 'charmander', label: 'ヒトカゲ' },
  { value: 'squirtle', label: 'ゼニガメ' },
]

const App: React.FC = () => {
  return (
    <Select options={options} />
  )
}

export default App

発生している問題・エラーメッセージ

上記の手順でコードを記述し，
npm startの画面を開くと以下のメッセージが出ました．

Attempted import error: './App' does not contain a default export (imported as 'App').

補足情報（FW/ツールのバージョンなど）

npmのバージョン　8.1.2
Node.jsのバージョン　v16.13.1
※開発はVScodeで行っています．

Comments

[hoshi-takanori]

export default App 書いてあるのにないと言ってますね。App.js 保存しましたか？

[tokut]

全く同じ手順で再現したらselectが表示されました．

しかし，npm i -S react-select-cssではimportすらできませんでした．こちら，npm i -S react-select-cssはどこのディレクトリに入れるべきなのでしょうか.

[hoshi-takanori]

react-select-css というパッケージは未完成っぽいですね…。
https://www.npmjs.com/package/react-select-css

[tokut]

なるほど…select部分のデフォルトの表示幅を変えたかったのですが，こちらは普通にCSSを記述してみようと思います．

ありがとうございました！