PLYloader ProgressEvent total always 0 and loaded always 1801

Hey, I’m new to three.js but I think my problem might be related to my specific setup. In a remote workspace in VS Code I created a react app that uses the three.js PLYloader to load and display a ply file. This works fine until I change networks. Suddenly total of ProgressEvent is 0 and loaded is 1801 no matter which ply I try to load.

If I create a new react app and simply copy the code it works again. I’m clueless as to why that is and I would appreciate any help!

Here is my three.js code for the react component I render:

//initialize camera position
camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.01, 150);
camera.position.z = 2;
camera.position.set(0, 9, 100);

//initialize scene
scene = new THREE.Scene();
scene.add(new THREE.AxesHelper(30));
// add scene lighting  
const light = new THREE.SpotLight()
light.position.set(20, 20, 20)

//initialize renderer
renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.outputEncoding = THREE.sRGBEncoding;

//add renderer to DOM

//initialize interactive controls to move in scene
controls = new OrbitControls(camera, renderer.domElement);

//initialize ply loader
const plyLoader = new PLYLoader();

    function (geometry) {
        const material = new THREE.PointsMaterial( { size: 0.01, vertexColors: true } );
        // const mesh = new THREE.Points( geometry, material );
        const mesh = new THREE.Mesh( geometry, material ); = 'ply';
        scene.add( mesh );
    // called when loading is in progress
    function (xhr) {
    console.log((xhr.loaded / * 100 + "% loaded");
    // called when loading has errors
    function (error) {
    console.log("An error happened");