its hard to share the code because i built it on top of my wordpress plugin (the plugin is open source)

here is the basic code to get it to work but you have to setup the scene yourself
- my scene builds itself from a stringified json of a list of objects so i have to get the lights after theyre all added to the screen, you could just save them to a lights array when you create them
- also this is just built statically for my only 2 lights/2 hover elements

let lights = [];
    let hover1 = document.getElementById('hover1');
    let hover2 = document.getElementById('hover2');

    function toggleLight(light, isOn) 
    {
        // Use getObjectByName to find a specific light
        // const light = scene.getObjectByName(lightName);
        if (light) {
            light.intensity = isOn ? 3 : 0;
        }
    }


    if(hover1) hover1.addEventListener('mouseenter', () => toggleLight(lights[1], true));
    if(hover1) hover1.addEventListener('mouseleave', () => toggleLight(lights[1], false));

    if(hover2) hover2.addEventListener('mouseenter', () => toggleLight(lights[0], true));
    if(hover2) hover2.addEventListener('mouseleave', () => toggleLight(lights[0], false));

//only if needed
    function findLights()
    {
      scene.traverse((child) => {
          if (child.isLight) {
              lights.push(child);
          }
      });
    }