Estou tentando usar um componente NavBar do React Bootstrap e ao compilar o código aparece o seguinte erro:
Failed to compile.
C:/Users/Guilherme/vscode-workspace-general/tasks/frontend/node_modules/react-bootstrap/esm/index.d.ts
TypeScript error in C:/Users/Guilherme/vscode-workspace-general/tasks/frontend/node_modules/react-bootstrap/esm/index.d.ts(2,1):
Declaration or statement expected. TS1128
1 | export { default as Accordion } from './Accordion';
> 2 | export type { AccordionProps } from './Accordion';
| ^
3 | export { default as AccordionContext } from './AccordionContext';
4 | export { default as AccordionCollapse } from './AccordionCollapse';
5 | export type { AccordionCollapseProps } from './AccordionCollapse';
Esta é o componente que está usando NavBar:
import React from 'react'
import { Button, Form, FormControl, Nav, Navbar, NavDropdown } from 'react-bootstrap'
export const NavBar: React.FC = () => {
return (
<Navbar bg="light" expand="lg">
<Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Nav.Link href="#home">Home</Nav.Link>
<Nav.Link href="#link">Link</Nav.Link>
<NavDropdown title="Dropdown" id="basic-nav-dropdown">
<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
<NavDropdown.Divider />
<NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item>
</NavDropdown>
</Nav>
<Form inline>
<FormControl type="text" placeholder="Search" className="mr-sm-2" />
<Button variant="outline-success">Search</Button>
</Form>
</Navbar.Collapse>
</Navbar>
)
}
Estou usando React com Typescript. Acontece exatamente o mesmo erro com qualquer componente do react-bootstrap. Quando eu crio um componente do zero usando tags html a aplicação compila normalmente.