Ionic + react + AzureAD

gprietodivisait · October 3, 2023, 2:47pm

Hello,

I created an app with Ionic + React and I want to use login with AzureAD. I followed this example:

AzureAD/microsoft-authentication-library-for-js/blob/bfdd254075e204a9c101e8614efd6965c7d40dd7/samples/msal-react-samples/typescript-sample/src/index.tsx

import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter as Router } from "react-router-dom";
import { ThemeProvider } from "@mui/material/styles";
import { theme } from "./styles/theme";
import App from "./App";

// MSAL imports
import {
    PublicClientApplication,
    EventType,
    EventMessage,
    AuthenticationResult,
} from "@azure/msal-browser";
import { msalConfig } from "./authConfig";

export const msalInstance = new PublicClientApplication(msalConfig);

msalInstance.initialize().then(() => {
    // Account selection logic is app dependent. Adjust as needed for different use cases.

This file has been truncated. show original

BUT it only works with the browser, when I make the APK with Android and open the app on a tablet, I have an error right at the beginning, in the main.tsx

window.crypto.random UUID

I guess it’s not the best way to sign in with Azure, but I didn’t find another way. Any suggestions?

Thanks