powerbi-client-react: Seeing error "Embed URL is invalid for this scenario" when trying to loan any report in the embed component

We are trying to embed a report in our react app but are consistently getting blocked by this error “Embed URL is invalid for this scenario. Please use Power BI REST APIs to get the valid URL”. It doesn’t seem to matter how we modify the URL, it won’t load no matter what. When I remove the autoAuth QSP then it just shows a loading indicator forever.

I got the URL by going to the PowerBI report and selecting the Embed option and pasting that URL into my code.

We already had code that was working with this report a few months back on this same package version but we had put it on the shelf and now when we came back it no longer is working despite not making any changes to it on our side. This leads me to believe it might be some kind of service side change that is causing the issue but if someone has other ideas on how to troubleshoot or things to try I would be open to any suggestions.

Embed snippet

import { PowerBIEmbed } from 'powerbi-client-react';

const reportUrl = 'https://<tenantDomain>.powerbi.com/reportEmbed?reportId=<reportId>&autoAuth=true&ctid=<tenantId>';
return (
    <div className={classNames.root}>
        <PowerBIEmbed
            embedConfig={{
                type: 'report',
                embedUrl: reportUrl,
            }}
        />
    </div>
);

Stats: Package version 1.3.5 (also tested with 1.4.0)

Screenshot