Получение типа реагирования недействительно ⇐ Javascript

[Anonymous]

Я перезапустил, используя React 18 и React-bootstrap, но я не понимаю ошибки, которую она дает мне. Ошибка: < /p>

react.jsx: тип недействителен-ожидается, что строка (для встроенных компонентов) или класс /функция (для составных компонентов ) но получил: неопределенное. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать по умолчанию и назвать импорт. смысл для меня, так как я импортировал модули React-Bootstrap правильно, как ниже.
import React from 'react'
import {
Navbar,
Nav,
NavDropdown,
NavbarBrand,
NavbarToggle,
NavLink,
NavbarCollapse,
Container
} from 'react-bootstrap';
// Tried the imports as below but still giving me the type is invalid error
// import NavDropdown from 'react-bootstrap/NavDropdown';
// import Container from 'react-bootstrap/Container';
// import Nav from 'react-bootstrap/Nav';

console.log(Navbar)
const Navigation = () => {
return (



React-Bootstrap



Home
Link

// Complains on NavDropdowon.Item
Action

Another action

Something


Separated link







)
}

export default Navigation;

< /code>
Я заключаю, что ему не нравится. Это происходит после (Ex: Navdropdown.item). Я вижу в документации, что не должно быть проблем с использованием этого синтаксиса. Как мне это исправить или что мне не хватает на импорте?

Подробнее здесь: https://stackoverflow.com/questions/794 ... is-invalid