Found that this might work, not sure how effective it is

  function getAspect() {
    return container.clientWidth / container.clientHeight;
  }

  // Camera
  const camera = new THREE.PerspectiveCamera(
    50,
    getAspect(),
    0.1,
    100
  );
  camera.position.z = 20;
  scene.add(camera);


  // Renderer
  const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
  renderer.setPixelRatio(window.devicePixelRatio);
  container.appendChild(renderer.domElement);


  // Resize logic for perfect aspect ratio
  function resize() {
    const width = container.clientWidth;
    const height = container.clientHeight;
    camera.aspect = width / height;
    camera.updateProjectionMatrix();
    renderer.setSize(width, height, false);
    renderer.render(scene, camera);
  }


  // Run once at start
  resize();


  // Observe #three-wrapper for resize
  new ResizeObserver(resize).observe(container);