Azure DICOM Services with OHIF - 401 error - 4 squares and sliding bar only

I am configured Azure DICOM Services and deployed OHIF viewer. The browser page loads only four squares, the OHIF logo, and a sliding bar that moves from side to side. OHIF looks like a very good option for Azure DICOM Services. I am hoping to receive help to fix this. See below.

  • A clear and concise description of what problem you are having. The version is app@3.7.0.
    Looking at Dev Tools, F12, I get this.
    I have checked the below.
    DICOM Service
    CORS
    Blob Storage
    Static Website
    Permissions for DICOM Services and App permissions
    App registration - Authentication, API Permissions

What steps can we follow to reproduce the bug?

I have checked the below.
DICOM Service
CORS
Blob Storage
Static Website
Permissions for DICOM Services and App permissions
App registration - Authentication, API Permissions

Please use code blocks to show formatted errors or code snippets

I have researched and tried different scope, wadyUriRoot, qidoRoot and wadoRoot, but still have the 401 error.

window.config = {
routerBasename: ‘/’,
extensions: ,
modes: ,
showStudyList: true,
maxNumberOfWebWorkers: 3,
showWarningMessageForCrossOrigin: false,
showCPUFallbackMessage: true,
showLoadingIndicator: true,
strictZSpacingForVolumeViewport: true,
defaultDataSourceName: ‘dicomweb’,
dataSources: [
{
namespace: ‘@ohif/extension-default.dataSourcesModule.dicomweb’,
sourceName: ‘dicomweb’,
configuration: {
friendlyName: ‘Azure Dicom Web’,
name: ‘AzureDicomWeb’,
useSharedArrayBuffer: ‘FALSE’,
wadoUriRoot: ‘…dicom.azurehealthcareapis.com/v1’,
qidoRoot: ‘…dicom.azurehealthcareapis.com/v1’,
wadoRoot: ‘…dicom.azurehealthcareapis.com/v1’,
qidoSupportsIncludeField: true,
dicomUploadEnabled: true,
imageRendering: ‘wadors’,
thumbnailRendering: ‘wadors’,
enableStudyLazyLoad: true,
supportsFuzzyMatching: true,
supportsWildcard: false,
staticWado: false,
useFHIRAuth: false,
onConfiguration: (dicomWebConfig, options) => {
const { user } = options;
if (user && user.access_token) {
return {
…dicomWebConfig,
headers: {
Authorization: Bearer ${user.access_token},
},
};
}
return dicomWebConfig;
},
},
],
oidc: [
{
authority: ‘…ftonline.com//v2.0’,
client_id: ‘’,
redirect_uri: ‘…callback’,
response_type: ‘code’,
scope: ‘openid profile offline_access standard azure dicom site/.default’,
loadUserInfo: true,
post_logout_redirect_uri: ‘/’,
automaticSilentRenew: true,
metadata: {
issuer: ‘…tonline.com//v2.0’,
authorization_endpoint: ‘…tonline.com//oauth2/v2.0/authorize’,
token_endpoint: ‘…online.com//oauth2/v2.0/token’,
jwks_uri: ‘…ftonline.com//discovery/v2.0/keys’,
userinfo_endpoint: ‘…icrosoft.com/oidc/userinfo’
}
},
],
};