Please follow the steps mentioned in the documentation below on how to embed Report Designer with Report Server.
Embed Bold Reports Report Server Designer
Use the openReport method in the App.js file, as shown in the code snippet below, to open a report using the report path from the report server.
...
function App() {
return (<div id="Designer" style={designerStyle}>
<BoldReportDesignerComponent id="reportdesigner_container"
serviceUrl = {'https://service.boldreports.com/api/Designer'}
reportServerUrl = {'https://acmecorp.boldreports.com/reporting/api/'}
serviceAuthorizationToken = {'bearer <server token>'}
create={controlInitialized}>
</BoldReportDesignerComponent>
</div>);
}
function controlInitialized(){
var designerObj = $('#reportdesigner_container').data('boldReportDesigner')
designerObj.openReport('/Sample Reports/Sales Report');
}