Avoid accessing globals at module initialization time. (#129)

* Avoid accessing global at module initialization time. This to allow creation of a snapshot-able bundle in certain JS environments. --------- Co-authored-by: Mayur Arora <[email protected]>
atlassian-labs · Aug 23, 2024 · c1ee4f7 · c1ee4f7
1 parent 83446e7
commit c1ee4f7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/.changeset/hungry-dingos-hope.md b/.changeset/hungry-dingos-hope.md
@@ -0,0 +1,5 @@
+---
+"react-loosely-lazy": patch
+---
+
+Avoid accessing global at module initialization time.
diff --git a/packages/core/react-loosely-lazy/src/lazy/components/client.tsx b/packages/core/react-loosely-lazy/src/lazy/components/client.tsx
@@ -18,8 +18,6 @@ import { ProfilerContext } from '../../profiler';
 import type { Status } from './types';
 import { useSubscription } from './utils';
 
-const { requestIdleCallback = setTimeout } = window;
-
 export function createComponentClient<C extends ComponentType<any>>({
   defer,
   deferred,
@@ -31,6 +29,7 @@ export function createComponentClient<C extends ComponentType<any>>({
   dataLazyId: string;
   moduleId: string;
 }) {
+  const { requestIdleCallback = setTimeout } = window;
   const ResolvedLazy = lazy(() => deferred.promise);
 
   return (props: ComponentProps<C>) => {