Ссылка Reactstrap Navbar на PDF не работает

Я по какой-то причине не могу заставить работать эту простую ссылку на PDF. Я использую реагирующую, реагирующую навигационную панель с загрузочным css. Вот пример моей проблемы: https://codesandbox.io/s/n3yqk17q8l

Я должен упустить что-то простое. Спасибо за ваше время!

import React from "react";
import ReactDOM from "react-dom";
import {
Collapse,
Navbar,
NavbarToggler,
NavbarBrand,
Nav,
NavItem,
NavLink
} from "reactstrap";
import "bootstrap/dist/css/bootstrap.min.css";

import "./styles.css";

function App() {
return (
    <div style={{ width: "100%" }}>
    <Navbar color="dark" dark expand="sm">
        <NavbarBrand href="/">Brand</NavbarBrand>
        <NavbarToggler />
        <Collapse navbar>
        <Nav className="mr-auto" navbar>
            <NavItem>
            <NavLink href="/sample.pdf">
                <span className="fa fa-fw fa-file-pdf" /> PDF
            </NavLink>
            </NavItem>
        </Nav>
        </Collapse>
    </Navbar>
    </div>
);
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);