A zone for dropping files or HTML.
<DropZoneProvider>
<div style={{ backgroundColor: "#e7e7e7", padding: "56px 64px" }}>
{ false ? 'Dropped!' : 'Drop something here' }
<DropZone
onFilesDrop={ (e) => console.log(e) }
onHTMLDrop={ (e) => console.log(e) }
onDrop={ (e) => console.log(e) }
/>
</div>
</DropZoneProvider>
The DropZone component should be wrapped with a DropZoneProvider component.