title: Decrease the size of the cropper crop box
body: <p>[1]<a href="https://i.stack.imgur.com/qfs0F.png" rel="nofollow noreferrer">I am using react-cropper to crop and upload an image. But I have been trying to reduce the size of &quot;cropper-crop-box&quot;, that's the size of the selector in image without points, so I wanna decrease the size of that circle[react-cropper] and fix it's size, but initialAspectRatio is stopping me from setting it's size. Or if anyone knows how to decrease the size of that cropping circle with initialAspectRatio, that's also okay. Please help me with this.</a></p>
  <pre><code>                        &lt;ImageCropper
                              style={{
                                height: 400,
                                width: &quot;100%&quot;,
                              }}
                              ref={cropperRef}
                              cropmove={onCropMove}
                              zoomTo={0.5}
                              initialAspectRatio={1}
                              aspectRatio={NaN}
                              src={URL.createObjectURL(file[0])}
                              viewMode={2}
                              minCropBoxHeight={50}
                              minCropBoxWidth={5}
                              background={false}
                              responsive={true}
                              autoCropArea={2}
                              checkOrientation={false}
                              onInitialized={(instance) =&gt; {
                                setCropper1(instance);
                              }}
                              guides={false}
                              cropBoxMovable={true}
                              movable={true}
                            /&gt;
  </code></pre>