telerik reporting viewer react error

0 Answers 294 Views
Accessibility
hadi
Top achievements
Rank 1
hadi asked on 15 Aug 2022, 03:05 PM

I just followed the instructions to create a my own new react app that uses telerik reporting viewer, I'v set the rest service and it's working fine , but when I'm trying to load a viewer in the website this error pops up (in the console) , Just followed all the steps in the docs ,and still getting this error , by the way the demo react app works fine for me and loads the report properly 

 

"Uncaught TypeError: perspectiveManager.dispose is not a function
    at Object.dispose (telerikReportViewer.js:8168:1)
    at TelerikReportViewer.dispose (telerik-report-viewer.js:213:1)
    at TelerikReportViewer.componentWillUnmount (telerik-report-viewer.js:105:1)
    at callComponentWillUnmountWithTimer (react-dom.development.js:22852:1)
    at safelyCallComponentWillUnmount (react-dom.development.js:22873:1)
    at invokeLayoutEffectUnmountInDEV (react-dom.development.js:25188:1)
    at invokeEffectsInDev (react-dom.development.js:27351:1)
    at commitDoubleInvokeEffectsInDEV (react-dom.development.js:27321:1)
    at commitRootImpl (react-dom.development.js:26883:1)
    at commitRoot (react-dom.development.js:26682:1)"

function App() {
  let viewer;
  return (
    <div>
      <TelerikReportViewer
        ref={(el) => (viewer = el)}
        serviceUrl="https://localhost:7236/api/reports/"
        reportSource={{
          report: "BarcodesReport.trdp",
          parameters: {},
        }}
        viewerContainerStyle={{
          position: "absolute",
          left: "5px",
          right: "5px",
          top: "40px",
          bottom: "5px",
          overflow: "hidden",
          clear: "both",
          fontFamily: "ms sans serif",
        }}
        viewMode="INTERACTIVE"
        scaleMode="SPECIFIC"
        scale={1.0}
        enableAccessibility={true}
      />
    </div>
  );

"

"

Neli
Telerik team
commented on 16 Aug 2022, 07:48 AM

Hi Hadi,

You can test the approach from The React Report Viewer Does Not Load KB article.

Please, try it out and let me know how it goes.

No answers yet. Maybe you can help?

Tags
Accessibility
Asked by
hadi
Top achievements
Rank 1
Share this question
or