Trigger response:error hook after loading.state:finished hook

Author: YummYume

src/LiveComponent/assets/dist/live_controller.js

@@ -2059,8 +2059,8 @@ class Component {
             if (!((_a = headers.get('Content-Type')) === null || _a === void 0 ? void 0 : _a.includes('application/vnd.live-component+html')) && !headers.get('X-Live-Redirect')) {
                 const controls = { displayError: true };
                 this.valueStore.pushPendingPropsBackToDirty();
-                this.hooks.triggerHook('response:error', backendResponse, controls);
                 this.hooks.triggerHook('loading.state:finished', this.element);
+                this.hooks.triggerHook('response:error', backendResponse, controls);
                 if (controls.displayError) {
                     this.renderError(html);
                 }

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

@@ -299,8 +299,8 @@ export default class Component {
             if (!headers.get('Content-Type')?.includes('application/vnd.live-component+html') && !headers.get('X-Live-Redirect')) {
                 const controls = { displayError: true };
                 this.valueStore.pushPendingPropsBackToDirty();
-                this.hooks.triggerHook('response:error', backendResponse, controls);
                 this.hooks.triggerHook('loading.state:finished', this.element);
+                this.hooks.triggerHook('response:error', backendResponse, controls);
 
                 if (controls.displayError) {
                     this.renderError(html);