Недопустимая ошибка типа элемента с простым компонентом React

Question

Я получаю сообщение об ошибке со следующим простым кодом React.

import React, { Component } from 'react';
import { Panel } from 'react-bootstrap';

export class NewFloodRequest extends Component {
    render() {
        return (
            <Panel>
                <Panel.Body>Panel content</Panel.Body>
                <Panel.Footer>Panel footer</Panel.Footer>
            </Panel>
        );
    }
}

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

Проверьте метод рендеринга NewFloodRequest.

Можеткто-нибудь видит, в чем здесь проблема, пожалуйста?

ОБНОВЛЕНИЕ В соответствии с предложением, приведенным ниже, я изменил версию реакции-бутстрапачерез package.json и это решило проблему.

  "dependencies": {
...
    "react-bootstrap": "^0.32.1",
...
  },

Answer 1

Вам необходимо обновить react-bootstrap до 0.32.1 для нового Panel API.