diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/packages/repository/server-package.controller.ts b/src/Umbraco.Web.UI.Client/src/backoffice/packages/repository/server-package.controller.ts
index 8d515d7aeb..8482a5d5b5 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/packages/repository/server-package.controller.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/packages/repository/server-package.controller.ts
@@ -1,4 +1,4 @@
-import { Subject, takeUntil } from 'rxjs';
+import { first, Subject, takeUntil } from 'rxjs';
 import { UmbPackageRepository } from './package.repository';
 import { UmbController, UmbControllerHostInterface } from '@umbraco-cms/controller';
 import { isManifestJSType, UmbExtensionRegistry } from '@umbraco-cms/extensions-api';
@@ -25,22 +25,29 @@ export class UmbServerPackageController extends UmbController {
 	async #loadPackages() {
 		const package$ = await this.#repository.rootItems();
 
-		package$.pipe(takeUntil(this.#unobserve)).subscribe((packages) => {
-			// Go through packages and register their extensions
-			packages.forEach((p) => {
-				const { extensions } = p;
-				if (extensions?.length) {
-					extensions.forEach((extension) => {
-						/**
-						 * Crude check to see if extension is of type "js" since it is safe to assume we do not
-						 * need to load any other types of extensions in the backoffice (we need a js file to load)
-						 */
-						if (isManifestJSType(extension)) {
-							this.extensionRegistry.register(extension);
-						}
-					});
-				}
+		package$
+			.pipe(
+				// If the app breaks then stop the request
+				takeUntil(this.#unobserve),
+				// Stop after the first time, we only need to load the packages once
+				first()
+			)
+			.subscribe((packages) => {
+				// Go through packages and register their extensions
+				packages.forEach((p) => {
+					const { extensions } = p;
+					if (extensions?.length) {
+						extensions.forEach((extension) => {
+							/**
+							 * Crude check to see if extension is of type "js" since it is safe to assume we do not
+							 * need to load any other types of extensions in the backoffice (we need a js file to load)
+							 */
+							if (isManifestJSType(extension)) {
+								this.extensionRegistry.register(extension);
+							}
+						});
+					}
+				});
 			});
-		});
 	}
 }