React-Dropzone throws errors since 8.0.0 (after the breaking changes)

• I found a bug
• I want to propose a feature

What is the current behavior? React-Dropzone throws errors since 8.0.0, after the breaking changes

<Dropzone>
  {({getRootProps}) => <div {...getRootProps()} />}
</Dropzone>

If the current behavior is a bug, please provide the steps to reproduce. Tried adding the props to my code, tried the examples, none of them work.
I’m using Windows 10 pro 64bit, node v8.12.0. Tested both react-dropzone 8.0.0 and 8.0.1.

TypeError: children is not a function  
render  
.../node_modules/react-dropzone/dist/es/index.js:474  

  471 | var isMultipleAllowed = multiple || filesCount <= 1;
  472 | var isDragAccept = filesCount > 0 && allFilesAccepted(draggedFiles, this.props.accept);
  473 | var isDragReject = filesCount > 0 && (!isDragAccept || !isMultipleAllowed);
> 474 | return children({
      | ^  475 |   isDragActive: isDragActive,
  476 |   isDragAccept: isDragAccept,
  477 |   isDragReject: isDragReject,```

[rolandjitsu]

@StefanoSega yes, that’s expected. You’re required to provide a child fn and apply at least the props from getRootProps() on the jsx element that your child fn returns. E.g.:

<Dropzone onDrop={acceptedFiles => console.log(acceptedFiles)}>
  {({getRootProps}) => (
    <div {...getRootProps()}>
      <p>Drop files here, or click to select files</p>
    </div>
  )}
</Dropzone>

@RosenTomov if you don’t share a repo or something I cannot help. All the examples at react-dropzone.js.org work as expected as far as I can tell.

[RosenTomov]

@rolandjitsu Ok, I’m sorry. Turns out that I had a second obscure Dropzone in my code, which was causing this.

After adding the properties, it works perfectly. Feel free to close the issue.

example with the Dropzone, I forgot about:

 // old
 <Dropzone
	onDrop={(accepted, rejected) => handleFileDrops(accepted, rejected)}
	multiple
	maxSize={8000000}	
	className={styles.uploadButton}
  />
  
  // new
  <Dropzone onDrop={handleFileDrops} multiple maxSize={8000000}>
	{({ getRootProps, getInputProps }) => (
	  <div
		{...getRootProps()}
		className={styles.uploadButton}
	  >
		<input {...getInputProps()} />
	  </div>
	)}
  </Dropzone>