Uncaught TypeError: Cannot read property 'hide' of undefined

[Zero-Xiong]

bold.report-viewer.min.js:10643 Uncaught TypeError: Cannot read property 'hide' of undefined
at Object._showNavigationIndicator (bold.report-viewer.min.js:10643)
at Object._renderErrorMsg (bold.report-viewer.min.js:8048)
at Object.success (bold.report-viewer.min.js:8026)
at fire (jquery.js:3005)
at Object.fireWith [as resolveWith] (jquery.js:3122)
at done (jquery.js:8545)
at XMLHttpRequest. (jquery.js:8768)

Environment:
Material UI: 4.11.4
ReactJs: 17.0.2
Chrome: 92.0.4515.159 (Official Build) (64-bit)

Codes below:

<Dialog fullScreen open={open} onClose={handleClose} TransitionComponent={Transition}> <div className="w-full h-full m-0 p-0"> <BoldReportViewerComponent id="reportviewer-container" reportServiceUrl={"http://demos.boldreports.com/services/api/ReportViewer"} // reportPath={"~/Resources/docs/sales-order-detail.rdl"} toolbarSettings={toolbarSettings} toolBarItemClick={onToolBarItemClick} > </BoldReportViewerComponent> </div> </Dialog>