Threejs sprites are getting displayed with the wrong aspect ratio

I am not sure what is causing this, but I am trying to render two objects in an Orthographic camera, and they are not rendering correctly, and I am not sure why.

The two images are supposed to look like this:

But when rendered within threejs, they look like this:

As you can see the paddle is squished. The chunk of code is where I setup the canvas, renderer, etc to display on the page. This is how I setup the canvas:

import { animationFrames, tap } from 'rxjs';

export class Game {
  static renderer = new WebGLRenderer({
    alpha: true,
    antialias: true
  });

  // Starts the renderer
  static start() {
    this.updateRendererSize();
    window.addEventListener('resize', this.updateRendererSize.bind(this));
    document.querySelector('.container')?.appendChild(this.renderer.domElement);

    /* Snipped: Load all objects into the scene. */

    animationFrames().pipe(
      tap(() => this.renderGame())
    ).subscribe();
  }

  // Sets the renderer size
  private static updateRendererSize() {
    const aspect = this.game.aspect; // 1.777
    this.renderer.setSize(window.innerWidth, window.innerWidth / aspect);
  }

  // Renders the scene/camera
  private static renderGame() {
    this.renderer.render(this.activeScene.scene, this.activeCamera.camera);
  }
}

This is how I am creating the camera.

export class GameCamera {

  camera: Camera;

  private aspectRatio = 1.7777777777777777;
  private size = 5;

  private readonly width = options.size;
  private readonly height = this.size / this.aspectRatio;

  constructor() {
    const dim = this.cameraDimensions();
    this.camera = new OrthographicCamera(
      dim.left, dim.right,
      dim.top, dim.bottom, 
      0, 100);
  }

  private cameraDimensions() {
    const left = this.width / -2;
    const right = this.width / 2;
    const top = this.height / 2;
    const bottom = this.height / -2;
    return { left, right, top, bottom };
  }
}

This is how I am loading the textures:

  loadResource() {
    const map = new TextureLoader().load(this.resource);
    this.material = new SpriteMaterial({
      map,
      precision: 'highp',
    });
    this.object = new Sprite(material);

    /* Snipped: add sprite to scene. */
  }