LiveComponent: Prevent Error Rendering on JSON Response

Author: xDeSwa

src/LiveComponent/assets/dist/live_controller.js

@@ -2014,7 +2014,7 @@ var Component = class {
         const controls = { displayError: true };
         this.valueStore.pushPendingPropsBackToDirty();
         this.hooks.triggerHook("response:error", backendResponse, controls);
-        if (controls.displayError) {
+        if (controls.displayError && !headers.get("Content-Type")?.includes("application/json")) {
           this.renderError(html);
         }
         this.backendRequest = null;

src/LiveComponent/assets/src/Component/index.ts

@@ -317,7 +317,7 @@ export default class Component {
                 this.valueStore.pushPendingPropsBackToDirty();
                 this.hooks.triggerHook('response:error', backendResponse, controls);
 
-                if (controls.displayError) {
+                if (controls.displayError && !headers.get('Content-Type')?.includes('application/json')) {
                     this.renderError(html);
                 }