Unable to load sheet tab for a given sheet id

Hello i have following code for embedding and passing a valid sheet to load with params however sheet is not opening and default first sheet is opening

sheet option
sheetOptions: { initialSheetId: sheetID, singleSheet: false, sheetId: sheetID, emitSizeChangedEventOnSheetChange: false },

complete code

 static embedDashboard = async (embedUrl, params, targetElm, sheetID) => {
     const { createEmbeddingContext } = QuickSightEmbedding;
     const embeddingContext = await createEmbeddingContext();

     const frameOptions = {
         url: embedUrl,
         container: document.getElementById(targetElm),
         height: "90%",
         width: "100%",
         //printEnabled: true,
         resizeHeightOnSizeChangedEvent: true,
         onChange: (changeEvent, metadata) => {
             console.log(changeEvent);
             console.log(metadata);
             switch (changeEvent.eventName) {
                 case 'ERROR':
                     break;
             }
         }
     }
     console.log('loading->' + sheetID);
     const contentOptions = {
         parameters: params,
         sheetOptions: {
             initialSheetId: sheetID, singleSheet: false, sheetId: sheetID,
             emitSizeChangedEventOnSheetChange: false },
         toolbarOptions: { export: false, undoRedo: false, reset: false },
         onMessage: async (messageEvent, experienceMetadata) => {

             switch (messageEvent.eventName) {

                 case 'CONTENT_LOADED': {
                   
                     embeddedDashboard.getSelectedSheetId().then((sheetId) => {
                         currentSheetID = sheetId;
                         console.log('new sheets->' + currentSheetID);
                     }).catch((error) => {
                         console.error('Error getting sheet ID:', error);
                     });
                     embeddedDashboardPrams = await embeddedDashboard.getParameters();
                     embeddedDashboardVar = embeddedDashboard;
                     
                     break;
                 }
                 case 'PARAMETERS_CHANGED': {
                     const params = await embeddedDashboard.getParameters();
                     embeddedDashboardPrams = params;
                    
                     break;
                 }
                 case 'SELECTED_SHEET_CHANGED': {
                     const params = await embeddedDashboard.getParameters();
                     embeddedDashboard.getSelectedSheetId().then((sheetId) => {
                         currentSheetID = sheetId;
                         
                        
                        
                     }).catch((error) => {
                         console.error('Error getting sheet ID:', error);
                     });
                     break;
                 };

             };
         }
     }
    

     var embeddedDashboard = await embeddingContext.embedDashboard(frameOptions, contentOptions);
     embeddedDashboardVar = embeddedDashboard;
 };
1 Like

Hello @mukeshusc2018, when you check the console logs for the sheetID that you are passing into the initialSheetId parameter, is it returning the sheetID that you are expecting? Also, this may seem a little odd, but you shouldn’t need initialSheetId, singleSheet, and sheetId all within the sheet options. Maybe if you remove sheetId: sheetID from the sheetOptions, maybe that would help.

Hello @mukeshusc2018, did my last response help guide you towards your expected result? I will mark it as the solution for now, but please let me know if you have further questions. Thank you!