# What changed in react-image-crop

> 15 changes in react-image-crop 9 to 11 from its official release notes, upgrade guides and advisories: 8 breaking, 1 deprecations, 3 new APIs and options. Each one cited. Sources checked 2026-10-28. HTML: https://unstale.sh/npm/react-image-crop/

To see which of these apply to a repository, run `npx @unstale/cli init` in it.

## react-image-crop 11

### Breaking changes

- The component no longer applies overflow: hidden, making customization easier and allowing crop handles to overflow the container. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)
- CSS Variables replace SASS variables; --rc-border-color controls the border color. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)
- CSS Variables replace SASS variables; --rc-drag-bar-size controls the invisible grip size of the crop selection edges. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)
- CSS Variables replace SASS variables; --rc-drag-handle-bg-colour controls the drag handle background colour. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)
- CSS Variables replace SASS variables; --rc-drag-handle-mobile-size controls the mobile drag handle size. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)
- CSS Variables replace SASS variables; --rc-drag-handle-size controls the drag handle size. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)
- CSS Variables replace SASS variables; --rc-focus-color controls the focus color. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)

### New APIs and options

- Added a function for rendering the crop result in the browser. (11.1.2) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.1.2)

### Fixes and other changes

- The crop shadow implementation changed to fix the shadow not working on circular crops in Safari. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)
- Fixed use of input in renderSelectionAddon. (11.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/11.0.0)

## react-image-crop 9

### Breaking changes

- The SCSS file moved from lib/ReactCrop.scss to src/ReactCrop.scss, so update imports that used the old path. (9.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/9.0.0)

### Deprecations

- Release 9.0.0 is deprecated due to issues; use 9.0.2 instead. (9.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/9.0.0)

### New APIs and options

- A new prop rotates the image between -180 and 180 degrees; it defaults to 0. (9.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/9.0.0)
- A new prop enables zooming the image in and out; it defaults to 1. (9.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/9.0.0)

### Tooling

- Remove @types/react-image-crop because the library now provides its own TypeScript types. (9.0.0) — [release notes](https://github.com/dominictobias/react-image-crop/releases/tag/9.0.0)