Why does tgaTexture not repeat continuously?


there is a blank between tgaTexture images, why does that?


the original tga Image looks like this

and here is the code
let tgaTexture = await new TGALoader().loadAsync(‘https://cdn.meos.center/k2g/images/Defaut_jb6.tga’);
tgaTexture.wrapS = THREE.RepeatWrapping;
tgaTexture.wrapT = THREE.RepeatWrapping;
tgaTexture.generateMipmaps = false;
tgaTexture.repeat.x = 1;
tgaTexture.repeat.y = 1;
const material = new THREE.MeshStandardMaterial({
side: THREE.DoubleSide,
transparent: true,
opacity: 1,
map: tgaTexture
});

const geometry = new THREE.PlaneGeometry(34 * M2FOOT, 34 * M2FOOT, 1, 1);
console.log(lineGeometry, faceG, geometry, tgaTexture);
const pla = new THREE.Mesh(geometry, material)
pla.position.set(200, -200, 200);
setMeshUpToY(pla);
this.L1Root.add(pla);

The blank is the transparent area of the image that surrounds the gradient:

the alpha channel, but how to display that in the scene