diff --git a/components/ReplayVisualizer.tsx b/components/ReplayVisualizer.tsx index 4b8db37..35bf73c 100644 --- a/components/ReplayVisualizer.tsx +++ b/components/ReplayVisualizer.tsx @@ -24,7 +24,7 @@ export function ReplayVisualizer({ ), ); - const cachedActions = useRef(actions); + const actionsCount = useRef(actions.length); const canvas = useRef(null); const renderer = useRenderer(map, canvas, playerLabels, cellSize); @@ -35,10 +35,10 @@ export function ReplayVisualizer({ }, [renderer]); useEffect(() => { - const newActions = actions.slice(cachedActions.current.length); + const newActions = actions.slice(actionsCount.current); simulator.current.resetVisualEvents(); replay(simulator.current, newActions); - cachedActions.current.push(...newActions); + actionsCount.current += newActions.length; renderer?.render(simulator.current.getAllEntities()); }, [actions]);