PowerBINotAuthorizedException When Embedding Paginated Report (Service Principal Permissions)

I am encountering a "PowerBINotAuthorizedException" error when attempting to embed a paginated report within my React.js application.

Environment:

Power BI Service Workspace (access granted to service principal)
Paginated report created in Power BI Report Builder and published to Power BI Service
Azure AD Service Principal with the following app permissions:
App.Read.All
Dataset.Read.All
Dataset.ReadWrite.All
Report.Read.All
Report.ReadWrite.All
Issue:

The paginated report displays successfully within my Power BI Service workspace. However, embedding the same report in my React.js application results in the "PowerBINotAuthorizedException" error.

Troubleshooting Steps Taken:

Verified service principal permissions within Azure AD.
Double-checked workspace access for the service principal in Power BI Service.
Reviewed code for generating the embed token using the service principal access token.
Question:

Despite the seemingly sufficient permissions, why am I encountering this authorization error when embedding the report? What additional steps can I take to troubleshoot and resolve the "PowerBINotAuthorizedException"?

Additional Information:

(Include any relevant code snippets, error messages, or specific configurations if applicable)

Request for Assistance:

I would greatly appreciate any guidance or insights from the Microsoft community to resolve this embedding issue. Thank you for your time and assistance.