diff --git a/devtools/client/webconsole/new-console-output/store.js b/devtools/client/webconsole/new-console-output/store.js
index 34025ddb4deb..6e682ff656fb 100644
--- a/devtools/client/webconsole/new-console-output/store.js
+++ b/devtools/client/webconsole/new-console-output/store.js
@@ -227,12 +227,23 @@ function enableNetProvider(hud) {
         }
       }
 
-      // Process all incoming HTTP details packets.
+      // Process all incoming HTTP details packets. Note that
+      // Network event update packets are sent in batches from:
+      // `NewConsoleOutputWrapper.dispatchMessageUpdate` using
+      // NETWORK_MESSAGE_UPDATE action.
+      // Make sure to call `dataProvider.onNetworkEventUpdate`
+      // to fetch data from the backend.
       if (type == NETWORK_MESSAGE_UPDATE) {
         let actor = action.response.networkInfo.actor;
         let open = getAllMessagesUiById(state).includes(actor);
         if (open) {
-          dataProvider.onNetworkEventUpdate(null, action.response);
+          let message = getMessage(state, actor);
+          message.updates.forEach(updateType => {
+            dataProvider.onNetworkEventUpdate(null, {
+              packet: { updateType },
+              networkInfo: message,
+            });
+          });
         }
       }