react-cropper not rendering image when viewMode and zoomTo both are set to 0

[Chetnatl]

I was using react-cropper with version 2.0.0. It was working properly. but when I updated it with the latest version(2.1.0). It is showing me a blank image after selecting an image and no crop functionality is applying on it.

You see the below screenshot:
using 2.0.0

using 2.1.0

I need immediate the solution to this issue because I'm using this into my project.

[sherry-li-or]

Have the same problem！！！

[shekhar-shubhendu]

@shekhar-shubhendu if you need an immediate fix for this then it is available in v2.1.1-0.

Duplicate of #267

[Chetnatl]

@shekhar-shubhendu this is not duplicate of #267. When I pass ref. it is giving me an error.

[alabobriggs]

having same issue

[shekhar-shubhendu]

@Chetnatl then please provide a repro (in codesandbox) for this and also did you try using v2.1.1-0 what is the issue you are facing using that?

[Chetnatl]

When I use v2.1.1-0

[alabobriggs]

Fixed issue by upgrading to 2.1.1-0

[shekhar-shubhendu]

@Chetnatl I think I found the issue you are facing.
In one of the PRs, a community member changed the default value of zoomTo from 1 to 0. It was to fix another issue. For more info, please take a look here #268.
And the above change seems to be 'causing the issue if the viewMode is set to 0 which is cropperjs default.

For now, to make the image render inside the cropper either set the zoomTo prop or viewMode to any value except 0.

I'll try to investigate further on this in my free time.
thanks :)

[shekhar-shubhendu]

closing as this should be resolved with v2.1.2