From a44e2e9866b5bafd7a52b4597e65a57494efbc27 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 11 Aug 2026 19:45:09 -0500
Subject: [PATCH] fix tank modes not switching

---
 .../components/TankSandbox/components/Lighting.tsx     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
index d40f1ed97..af8d0d161 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
@@ -1,6 +1,6 @@
 import { blueDark, orangeDark } from "@radix-ui/colors";
 import { ContactShadows } from "@react-three/drei";
-import { useFrame } from "@react-three/fiber";
+import { invalidate, useFrame } from "@react-three/fiber";
 import { clamp, times } from "lodash-es";
 import { Quicklime } from "quicklime";
 import {
@@ -78,6 +78,8 @@ export function Lighting() {
         height={1.5}
         blur={2 ** 0.5}
         opacity={2 ** -0.4}
+        resolution={2 ** 7}
+        depthWrite={false}
       />
 
       {animate && (
@@ -152,8 +154,12 @@ function Animator({ stop, t0, animationTime, wrapper }: AnimatorProps) {
   const factor =
     !hasPbr && display !== TankopediaDisplay.StaticArmor ? NON_PBR_FACTOR : 1;
 
+  useEffect(() => {
+    invalidate();
+  }, [requestedDisplay === display]);
+
   const apply = useCallback((t: number) => {
-    if (wrapper.current === null) return;
+    if (!wrapper.current) return;
 
     for (const child of wrapper.current.children) {
       if (child instanceof SpotLight) {