Instanz für Cropperjs kann nicht mit React-Cropper erstellt werden

Ich habe die React-Cropper- Dokumentation zu Github studiert und versucht, sie anzuwenden.

Das Problem ist - ich kann die Cropper-Instanz nicht initialisieren. Gemäß der Dokumentation müssen wir die Methode onInitialized verwenden. Ich habe das getan, aber ich kann es nicht abfeuern.

Wann sollte ich davon ausgehen, dass es ausgelöst werden soll - Wenn eine Komponente bereitgestellt wird oder wenn ich ein Image hinzufüge? Die Dokumentation ist super verschwommen. Unten ist mein Code. Es scheint, als ob die onCropperInitFunktion nie ausgelöst wurde.

import React from 'react';
import Cropper from 'react-cropper';

export default class Demo extends React.Component{
    
    constructor(){
        super();
        this.state={
            image: "#"
        }
        this._crop = this._crop.bind(this);
        this.onCropperInit = this.onCropperInit.bind(this);
        this.onChange = this.onChange.bind(this)
    }
    
    
 onChange(e) {
     
        e.preventDefault();
        let files;
    
            files = e.target.files;
        const reader = new FileReader();
  
        reader.onload = () => {
            this.setState({
            image: reader.result
            })
        };
        reader.readAsDataURL(files[0]);
    };
    _crop(){
  
    }


onCropperInit(cropper){
console.log("cropper")
    this.cropper = cropper;
}

render(){
    return (
        <div>
         <input type="file" onChange={this.onChange} />
    
        <Cropper src={this.state.image} style={{height:"100vh",width: "90vw"}} aspectRatio={1067/600} guides={true} crop={this._crop} onInitialized={this.onCropperInit} dragMode="move"/>
    </div>
            )
}
}