Estoy tratando de configurar una imagen que muestra el componente ReactCrop a pantalla completa (tamaño de la ventana). La imagen es de tamaño completo en algunas pantallas (emulador de Galaxy S5) pero no funciona en otras (emulador de Iphone). Puedo configurar la imagen a pantalla completa cuando no está en el componente ReactCrop, pero no funciona con React Crop. Este es mi código:

 <ReactCrop src={src} style={{width: "100%", height: "100%", position: "absolute", left: "50%", marginLeft: "-50%", objectFit: "cover", objectPosition: "center"}} crop={crop} onImageLoaded={this.onImageLoaded} onComplete={this.onCropComplete} onChange={this.onCropChange} />

Aquí hay una caja de arena de mi proyecto: https://codesandbox.io/s/8to8e?file=/src/App.js ¿Cómo puedo configurar la imagen a pantalla completa?