Replace createPublicClientApplication in TS react sample with instant…

…iation + initialize
AzureAD · Jul 21, 2023 · 724846c · 724846c
1 parent 51a0fd3
commit 724846c
Showing 1 changed file with 25 additions and 24 deletions.
diff --git a/samples/msal-react-samples/typescript-sample/src/index.tsx b/samples/msal-react-samples/typescript-sample/src/index.tsx
@@ -14,30 +14,31 @@ import {
 } from "@azure/msal-browser";
 import { msalConfig } from "./authConfig";
 
-export const msalInstance =
-    await PublicClientApplication.createPublicClientApplication(msalConfig);
+export const msalInstance = new PublicClientApplication(msalConfig);
 
-// Account selection logic is app dependent. Adjust as needed for different use cases.
-const accounts = msalInstance.getAllAccounts();
-if (accounts.length > 0) {
-    msalInstance.setActiveAccount(accounts[0]);
-}
-
-msalInstance.addEventCallback((event: EventMessage) => {
-    if (event.eventType === EventType.LOGIN_SUCCESS && event.payload) {
-        const payload = event.payload as AuthenticationResult;
-        const account = payload.account;
-        msalInstance.setActiveAccount(account);
+msalInstance.initialize().then(() => {
+    // Account selection logic is app dependent. Adjust as needed for different use cases.
+    const accounts = msalInstance.getAllAccounts();
+    if (accounts.length > 0) {
+        msalInstance.setActiveAccount(accounts[0]);
     }
-});
 
-const root = ReactDOM.createRoot(
-    document.getElementById("root") as HTMLElement
-);
-root.render(
-    <Router>
-        <ThemeProvider theme={theme}>
-            <App pca={msalInstance} />
-        </ThemeProvider>
-    </Router>
-);
+    msalInstance.addEventCallback((event: EventMessage) => {
+        if (event.eventType === EventType.LOGIN_SUCCESS && event.payload) {
+            const payload = event.payload as AuthenticationResult;
+            const account = payload.account;
+            msalInstance.setActiveAccount(account);
+        }
+    });
+
+    const root = ReactDOM.createRoot(
+        document.getElementById("root") as HTMLElement
+    );
+    root.render(
+        <Router>
+            <ThemeProvider theme={theme}>
+                <App pca={msalInstance} />
+            </ThemeProvider>
+        </Router>
+    );
+});