NewYour coding agent can read the release notes before it upgrades.Set up the MCP server →
npm · #2685 most downloaded on npm
Simple HTML5 drag-drop zone with React.js
Last release 21 days ago
14 Sep 2026
Ships unpredictably
gaps range from 2 weeks to 2.0 years
Nearly every release is documented
notes for 60 of the last 60 stable releases
1 version withdrawn
withdrawn after publishing
12 years old
216 releases · first in 2014
improve drag type detection and fix styling in Safari (78d8eed), closes #668
pass event to user-supplied inputProps {onClick}
One column per quarter.
## 6.1.1 (2018-10-13) ### Bug Fixes * call setState before callbacks
# 6.1.0 (2018-10-12) ### Features * add open() to child func props
edge: drag a link trigger drop event
## 6.0.3 (2018-10-10) ### Bug Fixes * update folder drop example
fix a regression introduced by #619 (#678) (a5d7211), closes /github.com/react-dropzone/react-dropzone/pull/619#issuecomment-426573278
Mark children as optional in the typings
only call *onDrag callbacks when dragging files
set accepted/rejected files state on drop
Add initial typescript definition
persist synthetic event (#657) (b65625d), closes #646
SSR: Add event listeners only if the element exist in DOM (#628) (c60a79d), closes #537
Reject all files in single file drop (#641) (da18e76), closes #458
Support for plugins using getDataTransferItems prop (#616) (71a54ad), closes #609
Fixed code typo (style => styles)
accessibility: Better CSS to hide file input to still make it focusable and accessible for validation and keyboard
update 'accept' proptype definition
Fix onFileDialogCancel listener being overwritten for each instance
Wrap open in setTimeout only for IE/Edge. (#578) (72abe1d), closes #450
Proper externals for the UMD build
restore isFileDialogActive to false after the FileDialog was closed
Add .babelrc to .npmignore (#558) (223b946), closes #535
allow yarn build xplat using cross-env
Chrome 63 hangs dragging a file onto the drop zone whilst the file dialog is open
SSR: Remove event listeners only if the element exist in DOM
Add 'yarn.lock' to '.npmignore'
Fix bug in IE11 when this.node could be null when calling onDocumentDrop (#517) (24c6ce5), closes #492
# 4.2.0 (2017-10-11) ### Features * Add es2015 module build
Update props that should not be applied to the DOM element (#504) (1d270e5), closes #503
490: Put build dependencies to devDependencies (#491) (dccb796), closes #490
Dragging multiple files when multiple is false doesn't apply rejectStyle (#489) (a5471a5), closes #488
### 4.1.0 (2017-08-20) #### Features * Add disable prop. [#473]
disable prop. [#473]Set autocomplete="off" on input to remove SecurityError in Firefox (#476) (43e55741, closes #475)
Always show an active drag state during the drag (#467) (d08eabdb, closes #440, #461)
Add React 16 in peer dependencies
<a name"3.13.4"></a>
Prevent onClick event being called twice on input element (#437) (56251fec, closes #252)
Handle changes to the accept attribute during the drag
<a name"3.13.2"></a>
accept attribute during the drag (#430) (b83d38d2)Show rejected style when dragging multiple files when multiple==false (#410) (72a9d93d, closes #409)
## 3.13.0 (2017-04-20) #### Features * Add styleguide
Use prop-types package instead of React.PropTypes
<a name"3.12.4"></a>
prop-types package instead of React.PropTypes (#405) (2c374dae)Wrap preview generation with try catch to prevent breaking UI
<a name"3.12.3"></a>
Remove deprecation warnings and wait until the real deprecations are happening
<a name"3.12.2"></a>
Don't display rejected style in Firefox with the mimetype regression (#382) (d2c579a9, closes #362)
Expose acceptedFiles and rejectedFiles to children
<a name"3.12.0"></a>
Disallow dropping files outside of the Dropzone by default (#373) (91d9156a, closes #87)
Fix for dragLeave not called when dragging over dynamic child content that is up (77a2de91, closes #370)
Add deprecation warnings for some props
<a name"3.11.0"></a>
Pass active/reject state to children during the drag operation
<a name"3.10.0"></a>
onClick: Propagate click events normally when disableClick is false
<a name"3.9.2"></a>
disableClick is false (#335) (f0c206c7)preview: Remove filetype check for generating preview (#332) (86fe2c5f, closes #318)
Allow passing a callback for onDragOver as a prop (#326) (9bfaf129, closes #325)
Fix getting data transfer items from event object
Fixed: Extracted getting items from DataTransfer to a separate getDataTransferItems.
react-dom: filter out acceptedFiles prop to remove React warning
<a name"3.7.3"></a>
acceptedFiles prop to remove React warning (#267) (68f39d7f)### 3.7.2 (2016-11-01) #### Bug Fixes - build: Triggering a build
edge: Wrapped setting of dropEffect in try/catch block, as it causes errors in MS (cf0db15a, closes #248)
[feature] Added onCancel callback. Closes #199
onCancel callback. Closes #199 <Anurag Sharma (CES)>onDrop will be called with 2 arguments: acceptedFiles and rejectedFiles <Christian Kaps>onDrop signature has changed — it's now will be called with 3 arguments where event will be the 3rd.Added minSize and maxSize props for file validation. #202 by @lemuelbarango
minSize and maxSize props for file validation. #202 by @lemuelbarangoFixed unknown props warning in React v15.2 #195. Closes #193 @nuc
Your coding agent can read these notes before it upgrades. Set up the MCP server →