getSlicerState on Inactive Pages

Hello All,

We are currently trying to implement functionality where we save the state of all slicers on a report so that when a user comes back to the report in the future, it re-renders in the state that the user left the report in.

We are however experiencing an issues whereby getSlicerState seems to error if retrieving slicerstates from any other page other than the active one. 

See example below:-

const pages = await report.getPages();
for (const page of pages) {
   let theSlicers;
   let allOfTheVisuals;
   await page
        .getVisuals()
        .then((visuals) => {
          allOfTheVisuals = visuals;
        })
        .catch((err) => {
          console.log(`error getting the page visuals:`, err);
        });
   // Separate out the slicers from the visuals
   theSlicers = allOfTheVisuals.filter((visual) => {
          return visual.type == "slicer";
        });
   const slicerFilterData = [];
      for (const slicer of theSlicers) {
        await slicer
          .getSlicerState()
          .then((filters) => {
            // If there are no filters then don't add the slicer.
            if (filters === undefined || filters.length === 0) return;

            const obj: VisualLevelFilter = {
              name: slicer.name,
              type: slicer.type,
              filters: filters,
            };
            slicerFilterData.push(obj); //Does not populate this when slicers are not on active page
          })
          .catch(
            (err) => {
              throw(err); //Errors here
            } 
          );
      }
}

Has anyone encountered this problem before, or does anyone have a workaround for this?

Much Appreciated

Graham