Ошибка экспорта компонента в реактивах

Question

Я пытаюсь использовать следующую библиотеку реагирования для создания компонента предварительного просмотра расширенного URL для моего приложения.

https://docs.microlink.io/sdk/getting-started/react/

В приведенной выше документации есть рабочая демонстрация, поэтому нет никаких сомнений относительно библиотеки. Но когда я пытаюсь использовать эту библиотеку, я получаю следующую ошибку.

Uncaught (в обещании) Ошибка: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Вы, вероятно, забыли экспортировать ваш компонент из файла, в котором он определен.

Мой код

import MicrolinkCard from 'react-microlink'

class Star extends Component {
  render() {
    <MicrolinkCard url='https://www.theverge.com/tldr/2018/2/7/16984284/tesla-space-falcon-heavy-launch-elon-musk'/>
  }
}

Я пытался изменить import MicrolinkCard from 'react-microlink' в import {MicrolinkCard} from 'react-microlink' но все равно получаю ту же ошибку.

Answer 1

import {MicrolinkCard} from 'react-microlink'

Пожалуйста, проверьте вещь импорта.

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://google.com'/>

   }

}

Answer 2

Вы должны вернуть его в свой рендер:

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://blah.potato'/>

   }

}