Render only main Outline sections

[nicktahani]

I didn't find this asked anywhere, but is there a prop that can be passed to the Outline component to only render main sections? When inspecting Outline, I notice it renders OutlineItem components as children -- I'd like to be able to turn this off.

It doesn't seem like react-pdf supports this, but I thought I may be missing something. I know pdf.js exposes a getOutline() method. Here's a rough workaround (open to suggestions on improving this) to illustrate what I mean.

function App() {
  const [numPages, setNumPages] = useState()
  const [pageNumber, setPageNumber] = useState(1)
  const [outline, setOutline] = useState([])

  async function onDocumentLoadSuccess({ numPages, _transport }) {
    setNumPages(numPages)
    const items = await _transport.getOutline() // method from pdf.js (returns ToC contents)
    const filtered = items.map(item => ({
      ...item,
      items: [] // empty the contents of the subsections
    }))
    setOutline(filtered)
  }

  return (
    <div>
      <Document
        file={pdf}
        onLoadSuccess={onDocumentLoadSuccess}
      >
       ...
        <ul>
          {outline.map((item, index) =>
            <li key={index}>
              <a href={`#${item.dest}`}>{item.title}</a>
            </li>
          )}
        </ul>
      </Document>
    </div>
  )
}

As you can see, I'm pretty much creating my own Outline component. I was just wondering if there was a better way that didn't feel so hacky. Thanks!