diff --git a/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts b/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts
index 55ed9e5ec31e..2ddf2f9ad87c 100644
--- a/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts
@@ -186,9 +186,13 @@ export class FlightClientEntryPlugin {
 
     compiler.hooks.afterCompile.tap(PLUGIN_NAME, (compilation) => {
       const recordModule = (modId: string, mod: any) => {
-        const modResource =
-          mod.resourceResolveData?.path + mod.resourceResolveData?.query ||
-          mod.resource
+        // Match Resource is undefined unless an import is using the inline match resource syntax
+        // https://webpack.js.org/api/loaders/#inline-matchresource
+        const modPath = mod.matchResource || mod.resourceResolveData?.path
+        const modQuery = mod.resourceResolveData?.query || ''
+        // query is already part of mod.resource
+        // so it's only neccessary to add it for matchResource or mod.resourceResolveData
+        const modResource = modPath ? modPath + modQuery : mod.resource
 
         if (mod.layer !== WEBPACK_LAYERS.serverSideRendering) {
           return