Pixi.js: Muat aset gambar untuk PIXI.js bersama dengan Webpack

Saya mencoba memuat aset gambar untuk PIXI.js dalam proyek React milik saya yang menggunakan Webpack. Inilah seluruh kelas komponen 'Menu' saya:

import React from 'react';
import styles from './Menu.css';
import backgroundUrl from './background.jpg';
require('pixi.js')

class Menu extends React.Component {    

    componentDidMount () {

        // Get reference to canvas element
        this.canvas = this.refs.canvas;        

        // Load assets                
        PIXI.loader.add([
            {
                name: 'background',
                url: backgroundUrl
            }
        ]).load(this.init());

    }

    init () {

        // Create background sprite
        const background = new PIXI.Sprite(PIXI.loader.resources.background.texture);

        // DEBUG: Height and width is always '1'
        console.log('Background width: ' + background.width);
        console.log('Background height: ' + background.height);

        // Setup renderer
        this.renderer = PIXI.autoDetectRenderer(background.width, background.height);
        this.renderer.autoResize = true;
        this.renderer.resize(window.innerWidth, window.innerHeight);
        this.canvas.appendChild(this.renderer.view);

        // Create stage
        this.stage = new PIXI.Container();                

        // Add background to stage
        this.stage.addChild(background)

        // Tell the renderer to render the stage
        this.renderer.render(this.stage);

    }

    render () {

        return (
           <div className={styles.canvas} ref='canvas'></div>
        );
    }

}

export default Menu;

Sekarang seperti yang Anda lihat, saya mencoba memuat gambar background.jpg ke dalam PIXI dengan fungsi loader.add() . Itu tidak berhasil. Dalam log konsol debug saya, saya dapat melihat bahwa tinggi dan lebar gambar adalah 1. Selain itu, ketika saya melihat URL untuk gambar latar belakang, semuanya tampak baik-baik saja. Ada tips?