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');
}