Quiero agregar una imagen de fondo en React.js usando una definición de estilo, que funciona:

let imgUrl = 'images/berlin.jpg'    
let styles = {
        root: {
            backgroundImage: 'url(' + imgUrl + ')',
            overflow: 'hidden',
        },
        ...

Como puede ver, la imagen se repite en la dirección x. Entonces quería extenderlo:

let imgUrl = 'images/berlin.jpg'
let styles = {
    root: {
        backgroundImage: 'url(' + imgUrl + ')',
        backgroundImage: {
            flex: 1,
            resizeMode: 'cover', // or 'stretch'
        },
        overflow: 'hidden',
    },
    ...

Pero la imagen ya no está cargada:

Entonces, ¿cómo configurar la imagen de fondo y ajustarla en React.js?