mask does not fully cover the image when the image to a smaller aspect ratio

[kaidev1024]

I tried to create a component for image cropping, part of which looks like the code below. It works fine for image cropping. But when I tried to change the image from 1:1 aspect ration to 9:16, the mask only covers the upper part with a square. The lower part is not covered as shown in the image. Is there any way to fix that? Thanks!

<>
<div>
        <ReactCrop
          crop={crop}
          onChange={func}
          circularCrop={circularCrop}
          aspect={aspectRatio}
          minWidth={MIN_DIMENSION}
          keepSelection
        >
          <img
          />
        </ReactCrop>
</div>
<input
          id="imageInput"
          type="file"
          accept="image/*"
        />
<>

[dominictobias]

Are you able to repro the issue on https://codesandbox.io/s/react-image-crop-demo-with-react-hooks-y831o ?

[kaidev1024]

it works fine with your code. I need to do some debugging on my end. Thanks!