Не экспортируется компонента React (NaviBar) помогите пожалуйста

import React from 'react';
import { Button, NavbarBrand, Navbar, Nav,  Link    } from 'react-bootstrap';
import NavbarCollapse from 'react-bootstrap/esm/NavbarCollapse';

export default function NaviBar(){
    return(<>
        <Navbar collapseOnSelect expand = 'lg' bg = 'dark' variant ='dark'>
            <NavbarBrand>Brand</NavbarBrand>
            <Navbar.Toggle aria-aria-controls='responsive-navbar-nav'></Navbar.Toggle>
            <NavbarCollapse id = "responsive-navbar-nav">
                <Nav className = 'mr-auto'>
                    <Nav.Link>Home</Nav.Link>
                    <Nav.Link>Home</Nav.Link>
                </Nav>
                <Nav>
                    <Button variant = "primary">  Registration </Button>
                    <Button variant = "primary"> Log in </Button>
                </Nav>
            </NavbarCollapse>
        </Navbar>
    </>)
}