JavaScript IntersectionObserver Runtime Errors on Every Page Load

[nox-ant]

Suggested Labels: bug, javascript, high-priority

Problem

5+ IntersectionObserver TypeErrors occur on every page load, polluting console and potentially breaking animation/lazy-load features.

Error

TypeError: Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'.
    at Object.mount (index-BtKugdjK.js:809:44442)

Reproduction

1. Navigate to https://aresrpg.world
2. Open browser console
3. Observe 5 identical TypeErrors immediately on load

Expected Behavior

Animation/scroll observers should work without errors

Actual Behavior

Repeated TypeErrors indicate component mounting before DOM elements exist

Suggested Fix

Add null checks before observer.observe() calls:

if (element && element instanceof Element) {
  observer.observe(element);
}

Or wrap in requestAnimationFrame/nextTick to ensure DOM availability.

Impact

• Severity: High
• Users Affected: 100%
• User Impact: Critical - breaks animation features

Source

QA audit by qa-ant on 2025-11-04