npm / react-image-crop

react-image-crop

What changed in react-image-crop 9 to 11, from its official release notes, upgrade guides and advisories. Sources checked 2026-10-28.

8 breaking1 deprecations3 new APIs and options1 tooling2 fixes and other

See which of these apply to your code, ranked, in your agent:

npx @unstale/cli init

react-image-crop 1110 changes

The component no longer applies overflow: hidden, making customization easier and allowing crop handles to overflow the container.
11.0.0release notes
CSS Variables replace SASS variables; --rc-border-color controls the border color.
11.0.0release notes
CSS Variables replace SASS variables; --rc-drag-bar-size controls the invisible grip size of the crop selection edges.
11.0.0release notes
CSS Variables replace SASS variables; --rc-drag-handle-bg-colour controls the drag handle background colour.
11.0.0release notes
CSS Variables replace SASS variables; --rc-drag-handle-mobile-size controls the mobile drag handle size.
11.0.0release notes
CSS Variables replace SASS variables; --rc-drag-handle-size controls the drag handle size.
11.0.0release notes
CSS Variables replace SASS variables; --rc-focus-color controls the focus color.
11.0.0release notes

Added a function for rendering the crop result in the browser.
11.1.2release notes

The crop shadow implementation changed to fix the shadow not working on circular crops in Safari.
11.0.0release notes
Fixed use of input in renderSelectionAddon.
11.0.0release notes

The SCSS file moved from lib/ReactCrop.scss to src/ReactCrop.scss, so update imports that used the old path.
9.0.0release notes

Release 9.0.0 is deprecated due to issues; use 9.0.2 instead.
9.0.0release notes

A new prop rotates the image between -180 and 180 degrees; it defaults to 0.
9.0.0release notes
A new prop enables zooming the image in and out; it defaults to 1.
9.0.0release notes

Remove @types/react-image-crop because the library now provides its own TypeScript types.
9.0.0release notes