the AURORA effect is not working

[Ankush-Rajpoot]

Uncaught TypeError: Cannot set properties of null (setting 'renderer')
at new ebt (index-CMIogMVV.js:9465:1175)
at index-CMIogMVV.js:9555:209
at Di (index-CMIogMVV.js:8:25504)
at ne (index-CMIogMVV.js:8:44517)
at index-CMIogMVV.js:8:42678
at w (index-CMIogMVV.js:1:10841)
at MessagePort.D (index-CMIogMVV.js:1:11200)Understand this error

[Om-singh-ui]

Hi @Ankush-Rajpoot,

The error Uncaught TypeError: Cannot set properties of null (setting 'renderer') usually happens when the script is trying to access a DOM element that doesn’t exist yet. In your case, the Aurora effect probably expects a container element to be present in the DOM.

Here is how you can fix it:

1. Check your container element exists
   Make sure the element you’re passing to the Aurora renderer has the correct id or ref, e.g.:

<div id="aurora-container"></div>

2. Initialize after the DOM loads
   If you’re using plain JS, wrap your code in window.onload:

window.onload = () => {
  const container = document.getElementById('aurora-container');
  new AuroraEffect(container); // or your renderer initialization
};

In React, use useEffect to ensure the element is rendered first:

import { useEffect, useRef } from 'react';

function Aurora() {
  const containerRef = useRef(null);

  useEffect(() => {
    if (containerRef.current) {
      new AuroraEffect(containerRef.current);
    }
  }, []);

  return <div ref={containerRef}></div>;
}

3. Double-check imports
   Make sure AuroraEffect or the renderer script is correctly imported and available.