% unit is somehow causing "Maximum update depth exceeded"

Hi,

we are using react-image-crop:8.6.2 in our project and if we set unit in crop object to “%” it ends up with “Maximum update depth exceeded”.

<ReactCrop
  src={image}
  crop={crop}
  ruleOfThirds
  onImageLoaded={onImageLoaded}
  onComplete={onCropComplete}
  onChange={onCropChange} // just setting state
  keepSelection
/>

const [currentCrop, setCurrentCrop] = useState({
    unit: '%', // `'px' here just works fine`
    width: 100,
    height: 50,
    x: 25,
    y: 25,
    ...imageCrop,
  });

The last working version was 8.5.0.

Thank you for your help.

[literat]

Thank you. 8.6.3 is working just fine. 👍

[DominicTobias]

Ok cool, this should be fixed in 8.6.3 anyway. If you do want to limit the crop width though I recommend just doing it on a container element of the crop (but it should work now). Closing but please feel free to add any issues with it.