Ничего не могу импортировать из bit.dev в мой проект React

Question

У меня есть проект на React; Я пытаюсь импортировать компонент из bit.dev, но по какой-то причине он не работает.

Я установил пакет на свой терминал, используя:

bit import nexxtway.react-rainbow/button

ссылка: https://bit.dev/nexxtway/react-rainbow/button

Он также добавил в мои файлы package.json ключ зависимостей:

"dependencies": {
  "@bit/nexxtway.react-rainbow.button": "file:./components/button"
}

и я пытаюсь использовать его в своем файле App.js как:

import { Button } from '@bit/nexxtway.react-rainbow.button';

class App extends Component {
   render() {
      <Button
         label="Button Brand"
         onClick={() => alert('clicked!')}
         variant="brand" 
      />
   }

Это либо выдает ошибку, либо ничего не отображается как пустой <div>.

Answer 1

Согласно документам, вы неправильно импортировали кнопку -

изменение

import { Button } from '@bit/nexxtway.react-rainbow.button';

к

import Button from '@bit/nexxtway.react-rainbow.button';