Cannot display Paginated Report in React site

[ngocvp12]

We are trying to embed and display a paginated report in our web application, but we have encountered issues when trying to preview a paginated report.

Something went wrong
Unable to render paginated report. Please try rendering your report again.
Please try again later or contact support. If you contact support, please provide these details.
Activity ID7e1abf3e-f831-4aed-87f6-f60df8a6acaa
Request ID6f3de269-445f-e801-d093-14ec5f2f36e9
Correlation ID13fd6a23-3a33-64e4-e006-dfd404bd459d
TimeFri Oct 10 2025 01:54:23 GMT+0800 (Singapore Standard Time)
Service version13.0.26816.31
Client version2509.5.26176-train
Cluster URIhttps://WABI-SOUTH-EAST-ASIA-C-PRIMARY-redirect.analysis.windows.net

When I opened the browser debug, I have seen the following error:

Additional Info:

We are using embed capacity for the workspaces, and the dataset being used by the report is assigned to the workspace, and the service principle has the permission to the workspace and the dataset.
React lib we are using is powerbi-client-react (1.4.0) 

In additional, from the same UI (to embed and display Power BI normal report, it is able to display.

What could be the possible reason for the above issue?