Access Denied When Fetching Word Document Content in a Popup with Ribbon in React (Yo Office)

[achariv]

I'm working on a project where I'm implementing a custom ribbon button using Yo Office with React. The goal is to open a popup window when the component level button is clicked and fetch data from a Word document to populate components in the popup.

However, when I try to fetch the document content, I am encountering an "Access Denied" error. I'm not sure why this is happening, especially since I'm using the correct Office.js APIs to access the document.

Here’s a summary of what I’m doing:

Implementing the ribbon button with Yo Office and React.
Opening a popup window when the ribbon button is clicked.
Attempting to fetch content from the Word document using Office.js.
The error I’m receiving is related to access restrictions when fetching document content. Can anyone provide guidance on:

Why this might be happening?
How to correctly fetch and populate Word document content into the popup?
Any help would be greatly appreciated. Thank you!