diff --git a/web/src/beta/lib/core/engines/Cesium/useOverrideGlobeShader.ts b/web/src/beta/lib/core/engines/Cesium/useOverrideGlobeShader.ts
index 69dd8435f8..5dcb8e8c2d 100644
--- a/web/src/beta/lib/core/engines/Cesium/useOverrideGlobeShader.ts
+++ b/web/src/beta/lib/core/engines/Cesium/useOverrideGlobeShader.ts
@@ -33,12 +33,14 @@ export const useOverrideGlobeShader = ({
   hasVertexNormals,
 }: {
   cesium: RefObject<CesiumComponentRef<Viewer>>;
-  sphericalHarmonicCoefficients: Cartesian3[];
+  sphericalHarmonicCoefficients?: Cartesian3[];
   globeShadowDarkness?: number;
   globeImageBasedLighting?: boolean;
   hasVertexNormals?: boolean;
 }) => {
-  const sphericalHarmonicCoefficientsRefFunc = useImmutableFunction(sphericalHarmonicCoefficients);
+  const sphericalHarmonicCoefficientsRefFunc = useImmutableFunction(
+    sphericalHarmonicCoefficients || [],
+  );
   const globeImageBasedLightingRefFunc = useImmutableFunction(globeImageBasedLighting);
 
   useEffect(() => {