boldreports / react-reporting-components Goto Github PK

I am currently facing challenges accessing the service URL in the
https://demos.boldreports.com/services/api/ReportDesignerWebApi/PostDesignerAction.
The issue appears to be associated with compatibility concerns related to the specified Node.js and React versions.

Environment:
Node.js Version: 20.9.0
React Version: ^18.2.0

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>