Невозможно импортировать что-либо из bit.dev в мой проект React

Question

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

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

bit import nexxtway.react-rainbow/button

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

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

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

, и я пытаюсь использовать его в своем приложении. 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';