Without React

Lights from @aeronautic/lights is what the component wraps. Add its group to the aircraft and its volumes to the scene:

import { Lights } from "@aeronautic/lights";

const lights = new Lights({
  airframe: {
    navigation: [{ side: "left", at: [-6.8, -0.27, 4.46] }],
    beams: [{ at: [0, -1.3, -6.2], lamp: "taxi" }],
  },
  air: { visibilityM: 4000 },
});

aircraft.add(lights.group);
scene.add(lights.volumes);

// Every frame, or whenever they change
lights.setGear(gear);
lights.updateSwitches({ landing: true });

// When done
lights.dispose();

The clock, and everything that follows it, runs once a frame from the first of its meshes drawn. It needs three's WebGPURenderer.

Every update* method changes some fields and keeps the rest, and does nothing if they are what they were. updateAirframe, updateIlluminate and setQuality rebuild the lights; the others only write numbers.

A volume passCopy Anchor Link

With core's volume_pass, give its backdrop, and put the volumes in its scene:

const lights = new Lights({ ...options, backdrop: pass.backdrop });

pass.scene.add(lights.volumes);

The glare is then drawn in volumes too, so an atmosphere's sky, drawn behind the pass, leaves it be. See Takram's atmosphere.