fix(nextjs-mf): make CSR and SSR image loading consistent in next-mf (#2873) (#2915)

Co-authored-by: Dolan Halbrook <[email protected]>
Co-authored-by: ScriptedAlchemy <[email protected]>

Author: ScriptedAlchemy

.changeset/perfect-spies-stare.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/nextjs-mf': patch
+---
+
+Make CSR and SSR image loading consistent

packages/nextjs-mf/src/loaders/fixImageLoader.ts

@@ -82,9 +82,8 @@ export async function fixImageLoader(
         Template.indent([
           'try {',
           Template.indent([
-            Template.indent(
-              `return ${publicPath} && ${publicPath}.indexOf('://') > 0 ? new URL(${publicPath}).origin : ''`,
-            ),
+            `const splitted = ${publicPath} ? ${publicPath}.split('/_next') : '';`,
+            `return splitted.length === 2 ? splitted[0] : '';`,
           ]),
           '} catch (e) {',
           Template.indent([