fix: replace original remote name with aliased in downloaded types

src/helpers/downloadTypes.ts

@@ -14,15 +14,31 @@ async function downloadRemoteEntryManifest(url: string): Promise<unknown> {
   return JSON.parse(json);
 }
 
-async function downloadRemoteEntryTypes(remoteName: string, dtsUrl: string, dirDownloadedTypes: string): Promise<void> {
+async function downloadRemoteEntryTypes(
+  remoteName: string,
+  remoteLocation: string,
+  dtsUrl: string,
+  dirDownloadedTypes: string,
+): Promise<void> {
   const logger = getLogger();
-  const types = (await download(dtsUrl, downloadOptions)).toString();
+  const remoteOriginalName = remoteLocation.split('@')[0];
   const outDir = path.join(dirDownloadedTypes, remoteName);
   const outFile = path.join(outDir, 'index.d.ts');
   let shouldWriteFile = true;
 
   mkdirp.sync(outDir);
 
+  let types = (await download(dtsUrl, downloadOptions)).toString();
+
+  // Replace original remote name (as defined in remote microapp's WMF config's `name` field)
+  // with a name (an alias) that is used in `remotes` object. Usually these are same.
+  if (remoteName !== remoteOriginalName) {
+    types = types.replace(
+      new RegExp(`declare module "${remoteOriginalName}(.*)"`, 'g'),
+      (_, $1) => `declare module "${remoteName}${$1}"`
+    );
+  }
+
   // Prevent webpack from recompiling the bundle by not writing the file if it has not changed
   if (fs.existsSync(outFile)) {
     const typesFormer = fs.readFileSync(outFile).toString();
@@ -99,6 +115,7 @@ export async function downloadTypes(
       const remoteEntryBaseUrl = remoteEntryUrl.split('/').slice(0, -1).join('/');
       const promiseDownload = downloadRemoteEntryTypes(
         remoteName,
+        remoteLocation,
         `${remoteEntryBaseUrl}/${dirEmittedTypes}/index.d.ts`,
         dirDownloadedTypes,
       )