z-index isn't working on Document element of react-pdf

[krishnaacharyaa]

Before you start - checklist

• I followed instructions in documentation written for my React-PDF version
• I have checked if this bug is not already reported
• I have checked if an issue is not listed in Known issues
• If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

I have a simple search bar, which has overlay results, which is covering almost the entire application except for this PDF renderer element, it is overlapping the search results which is not ideal.

The actual heirarchy is

parent
|_SearchBar // which has overlay results
|_Folder
 |_Subfolder
  |_PDFViewer // which is overlaping

Steps to reproduce

clone the app from https://github.com/krishnaacharyaa/search-pdf-combo
npm i
npm run dev

Expected behavior

Document gets rendered below the searchresults overlay

Actual behavior

Document gets rendered above the searchresults overlay

Additional information

No response

Environment

• Browser (if applicable):
• React-PDF version:
• React version:
• Webpack version (if applicable):