Update browser global definitions in app template

lemonmade · Oct 21, 2024 · 93c5767 · 93c5767
1 parent 6ca1d69
commit 93c5767
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/.changeset/gentle-bats-burn.md b/.changeset/gentle-bats-burn.md
@@ -0,0 +1,5 @@
+---
+'@quilted/create': patch
+---
+
+Update browser global definitions in app template
diff --git a/packages/create/templates/app-basic/browser.tsx b/packages/create/templates/app-basic/browser.tsx
@@ -10,6 +10,10 @@ const context = {
 } satisfies AppContext;
 
 // Makes key parts of the app available in the browser console
-Object.assign(globalThis, {app: context});
+Object.defineProperty(globalThis, 'app', {
+  value: {context},
+  enumerable: false,
+  configurable: true,
+});
 
 hydrate(<App context={context} />);
diff --git a/packages/create/templates/app-graphql/browser.tsx b/packages/create/templates/app-graphql/browser.tsx
@@ -20,6 +20,10 @@ const context = {
 } satisfies AppContext;
 
 // Makes key parts of the app available in the browser console
-Object.assign(globalThis, {app: context});
+Object.defineProperty(globalThis, 'app', {
+  value: {context},
+  enumerable: false,
+  configurable: true,
+});
 
 hydrate(<App context={context} />);
diff --git a/packages/create/templates/app-trpc/browser.tsx b/packages/create/templates/app-trpc/browser.tsx
@@ -23,6 +23,10 @@ const context = {
 } satisfies AppContext;
 
 // Makes key parts of the app available in the browser console
-Object.assign(globalThis, {app: context});
+Object.defineProperty(globalThis, 'app', {
+  value: {context},
+  enumerable: false,
+  configurable: true,
+});
 
 hydrate(<App context={context} />);