I have been trying to load Map using ArcGIS Services but getting some errors which I am unable to fix - salesforce-lightning

Question

Our requirement is to load Map using ArcGIS JS in the Salesforce. I tried to implement the sample code mentioned at the link (https://developers.arcgis.com/javascript/latest/display-a-map/) using LWC. After implementing the code in LWC , when I was trying to load the map, it was giving me the errors like shown below.
enter image description here
In the Javascript file of LWC bundle, there is a logic like below.
require(["esri/config","esri/Map","esri/views/View"], function (esriConfig,map1,view1) {
esriConfig.apiKey = "AAPK5f40f4c3fea2450bab57cb033d6730dfV4SOorOlBpDGRBnkbgikiNIP2kSnYcybTJ9qkTSHPBegoYNlxKYLqMSnSo0fDtjZ";
const map2 = new map1({
basemap: "arcgis-topographic" // Basemap layer service
});
console.log('viewDiv Node');
console.log(viewDiv);
const view2 = new view1({
map: map2,
center: [-118.805, 34.027], // Longitude, latitude
zoom: 13, // Zoom level
container: viewDiv
});
console.log('all the lines are executed successfully inside the require callback function');
});
All the function inside the require callback function seems to be working fine in the LWC because I am able to get the line 'all the lines are executed successfully inside the require callback function' printed successfully in the console. when the map view is about to get rendered in the UI, it shows the error message as shown in the above screenshot attached.
How can I fix the issue?