Embed Power BI on React App with filters coming from inputs from the react application

Hi pedro3 ,

You can refer the following links to get it:

Embed PowerBI reports in React application

const report = powerbi.embed(reportContainer, embedConfiguration);
report.off("loaded");
report.on("loaded", function () {
const existingFilters = report.getFilters()
.then(function(response) {
const newFiltersArr = [...response, countryFilter];
report.setFilters(newFiltersArr);
});
});

How To Embed Microsoft Power BI Charts Into Your React Application

Embedded Report add filter to EmbedConfig

    var config = {
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedReportId,
        permissions: models.Permissions.Read,
        filters: [filter1,filter2], //filter array here
        settings: {
            filterPaneEnabled: true,
            navContentPaneEnabled: false
           
        }
    };

Best Regards