Error: The library has not yet been initialized and this call is not allowed

Hi @Dinesh Rajagoni (Tata Consultancy Services Limi)

inside useEffect hook, app.initialize() method can be called?

in below code it's being called-

// useEffect(() => {
  //   app.initialize().then(() => {
  //     const contextPromise = app.getContext();
  //     contextPromise.then((context: app.Context) => {
  //       pages.getConfig().then(() => {
  //         updateTheme(context.app.theme);
  //         Util.switchLanguage(context.app.locale);
  //         // pages.config.setValidityState(true);
  //         app.notifySuccess();
  //       });
  //     });
  //   });
  //   const sHostname = Util.getQueryVariable("hostname") || "";
  //   app.initialize().then(() => {
  //     app.getContext().then(() => {
  //       pages.config.registerOnSaveHandler(
  //         (saveEvent: pages.config.SaveEvent) => {
  //           let url = `${sHostname}/${generateUrl}`;
  //           let tenantId = window.location.hostname;
  //           if (configState.bSSO) {
  //             const bydAuth = `${window.location.origin}/sap/ap/ui/${Util.ABAP_PATH}/web/byDTeamsTab/abap/auth.html`;
  //             url += `&bydAuth=${encodeURIComponent(bydAuth)}`;
  //           } else {
  //             tenantId = tenantId.replace("-sso", "");
  //           }
  //           pages.config.setConfig({
  //             contentUrl: url,
  //             websiteUrl: url,
  //             suggestedDisplayName: configState.tabName,
  //             removeUrl: `${sHostname}/byDTeamsTab/remove.html?theme={theme}`,
  //             entityId: tenantId,
  //           });
  //           if (configState.bMandatoryFieldFilled) {
  //             saveEvent.notifySuccess();
  //           } else {
  //             saveEvent.notifyFailure();
  //           }
  //         }
  //       );
  //     });
  //   });
  // });

In Manifest json these are the configurtion in file, any configurations needed to be added -

"icons": {
    "color": "icon-color.png",
    "outline": "icon-outline.png"
  },
  "name": {
    "short": "BYD_Teams_App_Refactor",
    "full": "Full name for BYD_Teams_App_Refactor"
  },
  "description": {
    "short": "Collaborate, perform analytics, and sales tasks in Microsoft Teams.",
    "full": "The SAP Business ByDesign for Microsoft Teams enables users to easily access features of the SAP Business ByDesign system directly from Microsoft Teams. The app caters to the growing need to collaborate across departments and systems while working on the same topic. Using the app, you can collaborate and manage work easily without changing systems, leading to an increase in productivity, and the work getting done effectively. \n\n Key features:\n 1. Access the Business ByDesign system functionalities from the Microsoft Teams app directly.\n 2. Add the different Business Object Work Lists and Business Object Instances on a channel and use the features seamlessly.\n 3. View the Insights Dashboard tab on a channel and view the analytics information for your SAP Business ByDesign solution.\nPrerequisite to use the app is that your company has a running SAP Business ByDesign system and a user which gives you authorization to use certain work centers. If this is not the case you see only the parts for which you are authorized for per default (e.g. Launchpad). Please [get in touch](https://www.sap.com/sea/products/business-bydesign.html/) with your SAP Business ByDesign system administrator to give you the right privileges and system credentials."
  },
  "accentColor": "#FFFFFF",
  "bots": [],
  "composeExtensions": [],
  "configurableTabs": [],
  "staticTabs": [
    {
      "entityId": "index",
      "name": "Personal Tab",
      "scopes": ["personal"]
    }
  ],
  "permissions": ["identity", "messageTeamMembers"],

any of these configuration is the reason for the issue