Code: MailboxNotEnabledForRESTAPI message: The mailbox is either inactive, soft-deleted, or is hosted on-premise.

[Ammadshafi]

instance

import { PublicClientApplication } from "@azure/msal-browser";

export const msalConfig = {
    auth: {
        clientId: process.env.NEXT_PUBLIC_AZURE_AD_CLIENT_ID,
        authority: `https://login.microsoftonline.com/${process.env.NEXT_PUBLIC_AZURE_AD_TENANT_ID}`,
        redirectUri: "http://localhost:3033/dashboard/user/syncAccounts/",
        
    },
    cache: {
        cacheLocation: "sessionStorage", // Choose either sessionStorage or localStorage
        storeAuthStateInCookie: false, // Set to true for older browsers
    },
};

export const msalInstance = new PublicClientApplication({
    auth: {
        clientId: process.env.NEXT_PUBLIC_AZURE_AD_CLIENT_ID,
        authority: `https://login.microsoftonline.com/${process.env.NEXT_PUBLIC_AZURE_AD_TENANT_ID}`,
        redirectUri: "http://localhost:3033/dashboard/user/syncAccounts/",
        
    },
    cache: {
        cacheLocation: "sessionStorage", // Choose either sessionStorage or localStorage
        storeAuthStateInCookie: true, // Set to true for older browsers
    },
});

Sync Account Component

import { Button, Card, Divider, Stack, Typography } from '@mui/material';
import { redirect, useRouter } from 'next/navigation';
import React from 'react';
import { useSelector } from 'react-redux';
import Iconify from 'src/components/iconify';
import Image from 'src/components/image/image';
import { gneraeteGoogleUrl } from 'src/server/google';
import supabase from 'src/utils/db-config';
import { msalInstance } from 'src/utils/msalconfig';
import { Client } from "@microsoft/microsoft-graph-client";


const SyncAccount = ({ isSynching, loading }) => {
  const router = useRouter();
  const connectGoogle = async () => {
    const { url, code_verifier } = await gneraeteGoogleUrl();
    const {
      data,
    } = await supabase.auth.getSession();

    sessionStorage.setItem('code_verifier', code_verifier);
    router.push(url);
  };

  const loginWithMicrosoft = async () => {
    try {
      await msalInstance.initialize();

      const loginRequest = {
        scopes: [
          "User.Read",
          "Mail.Send",
          "Mail.Read.Shared",
          "Mail.ReadBasic",
          "Mail.ReadBasic.Shared",
          "Mail.ReadWrite",
          "Mail.Send",
          "offline_access"
        ],
        // scopes: ["https://graph.microsoft.com/.default"],
      };

      const response = await msalInstance.loginPopup({
        scopes: loginRequest.scopes,
        responseMode: "form_post"
      });
      console.log("Response Microsoft", response)
      console.log("Response Microsoft Access Token", response.accessToken)

      if (response.accessToken) {
        console.log("AccessToken in ", response.accessToken)
        const client = Client.init({
          authProvider: (done) => {
            done(null, response.accessToken);
          },
        });
        const me = await client
        .api("/me")

        .get();

        console.log("Me:",me)

        const emails = await client
          .api("/me/messages")
          // .select("subject,from,bodyPreview")
          // .top(10)
          .get();

        console.log("Emails from Microsoft", emails)

      }
    }
    catch (err) {
      console.log("Error Microsoft", err)
    }
  };

  // const loginWithMicrosoft = async () => {
  //   const scopes =  "User.Read Mail.Send  Mail.ReadBasic  Mail.ReadWrite Mail.Send"
  //   const url = `https://login.microsoftonline.com/common/oauth2/v2.0/authorize?client_id=d11fe6c5-d7cd-438c-9c8e-27aef63f36dd=&response_type=code&redirect_uri=http://localhost:3033/dashboard/user/syncAccounts/&scope=${scopes}`
  //   router.push(url)
  // }

  const { syncUsers } = useSelector((state) => state.syncUserReducer);

  return (
    <Stack>
      <Typography variant="caption">You can connect your account with netsome</Typography>
      <Divider />
      <Stack direction="row" spacing={2} sx={{ pt: 2, pb: 2 }}>
        <Button
          variant="contained"
          sx={{ gap: 2 }}
          onClick={connectGoogle}
          disabled={Array.isArray(syncUsers) && syncUsers?.some((x) => x?.isSync)}
        >
          <Iconify icon="flat-color-icons:google" />
          Connect Google
        </Button>
        <Button onClick={loginWithMicrosoft} variant="contained" sx={{ gap: 2 }}>
          <Iconify icon="logos:microsoft-icon" />
          Connect Microsoft
        </Button>
      </Stack>

      <Stack>
        <Stack direction="row" display="flex" justifyContent="space-between">
          <Typography variant="h4" mt={5}>
            {syncUsers?.length === 0 ? 'No Connected Accounts' : 'Connected Accounts'}
          </Typography>
          <Typography
            sx={{
              color: 'green',
              fontWeight: 700,
              mt: 5
            }}
          >
            {/* {isSynching && 'Syncing...'} */}
          </Typography>
        </Stack>
        <Divider />
        {Array.isArray(syncUsers) &&
          syncUsers?.map((item) => (
            <Stack key={item?.id}>
              <Card sx={{ mt: 1, p: 1 }}>
                <Stack direction="row" justifyContent="space-between">
                  <Stack direction="row" spacing={2} alignItems="center">
                    <Image
                      src={item?.workspaces?.logo}
                      height={40}
                      width={40}
                      sx={{
                        borderRadius: 1,
                        boxShadow: 'rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;',
                        padding: 0.1,
                      }}
                    />
                    <Stack>
                      <Typography variant="body2">{item?.name}</Typography>
                      <Typography variant="h6">{item?.email}</Typography>
                    </Stack>
                  </Stack>
                  <Stack spacing={2} direction="row" alignItems="center">
                    <Typography
                      sx={{
                        color: 'green',
                        fontWeight: 700,
                      }}
                    >
                      {isSynching ? 'Syncing...' : 'In Sync'}
                    </Typography>
                  </Stack>
                </Stack>
              </Card>
            </Stack>
          ))}
      </Stack>
    </Stack>
  );
};

export default SyncAccount;

Error Description

Error Microsoft Error: The mailbox is either inactive, soft-deleted, or is hosted on-premise.
at GraphErrorHandler.constructErrorFromResponse (GraphErrorHandler.js:64:24)
at GraphErrorHandler.eval (GraphErrorHandler.js:89:44)
at Generator.next ()
at eval (tslib.es6.mjs:155:69)
at new Promise ()
at __awaiter (tslib.es6.mjs:151:10)
at GraphErrorHandler.getError (GraphErrorHandler.js:86:64)
at GraphRequest.eval (GraphRequest.js:311:104)
at Generator.throw ()
at rejected (tslib.es6.mjs:153:63)

Error Respone:

   {
    "error": {
        "code": "MailboxNotEnabledForRESTAPI",
        "message": "The mailbox is either inactive, soft-deleted, or is hosted on-premise."
    }
}

Problem

I am getting this error when try to fetch emails of the user I research on this problem and people say like this issue is about Microsoft 365 licence and buy a licence as well but nothing works i have this scopes in my register app and app type is also
personal and mutitenant

[Ammadshafi]

This Issue is Because of this tenant id in authority when I put common instead of tenant id its start working the reason why its like this because I am the guest user in the profile and I notice that when I put tenant id its not asking me for permission to access email or anything when I put common its start asking me a permissions. Hope its gonna help for others in the feature Thanks

authority: https://login.microsoftonline.com/${process.env.NEXT_PUBLIC_AZURE_AD_TENANT_ID}
To
authority: https://login.microsoftonline.com/common