document is not defined

Do you want to request a feature or report a bug?

• [ x] I found a bug
• I want to propose a feature

What is the current behavior? Version 10.0.0 cause a document undefined error with server side rendering.

If the current behavior is a bug, please provide the steps to reproduce.

1. Enable application with SSR
2. Use react-dropzone

What is the expected behavior? no undefined error

Please mention other relevant information such as the browser version, Operating System and react-dropzone version.

Most likely caused from changing /src/utils/index.js

from

export const supportMultiple =
  typeof document !== 'undefined' && document && document.createElement
    ? 'multiple' in document.createElement('input')
    : true

to

export const supportMultiple = 'multiple' in document.createElement('input')

[okonet]

🎉 This issue has been resolved in version 10.0.4 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[Yaxian]

@Chris533 , it helps me, thx. @Dakkers try this:

import dynamic from 'next/dynamic';
const Dropzone = dynamic(() => import('react-dropzone'), { ssr: false });

const App = () => {
    return (
       <Dropzone>
            {({ getRootProps, getInputProps }) => (
                <div {...getRootProps()} className={classes.dropzone}>
                  <input {...getInputProps()} />
                  <div className={classes.itemOutContainer}>
                    <div className={classes.itemContainer}>
                      <div className={cns(classes.item, classes.itemCreate)}>
                        uploading files
                      </div>
                    </div>
                  </div>
                </div>
            )}
       </Dropzone>
    );
}