TypeError: Object(...) is not a function

Hi

I upgraded my version (version 8) of React Dropzone and now my code is not working when I upgraded to version 10.

Uncaught TypeError: Object(...) is not a function
    at useDropzone (:8080/main.js:85977)
    at :8080/main.js:85645
    at updateForwardRef (:8080/main.js:81088)
    at beginWork (:8080/main.js:81883)
    at performUnitOfWork (:8080/main.js:83897)
    at workLoop (:8080/main.js:83936)
    at HTMLUnknownElement.callCallback (:8080/main.js:68256)
    at Object.invokeGuardedCallbackDev (:8080/main.js:68294)
    at invokeGuardedCallback (:8080/main.js:68343)
    at replayUnitOfWork (:8080/main.js:83350)

   <Dropzone
                accept="image/jpeg, image/png"
                onDrop={this.onDrop.bind(this)}
                maxSize={1000000}
                getDataTransferItems={evt => fromEvent(evt)}>
                {({ getRootProps, getInputProps, isDragActive }) => {
                  return (
                    <div
                      {...getRootProps()}
                      className={classNames('dropzone', { 'dropzone--isActive': isDragActive })}>
                      <input {...getInputProps()} />
                      {isDragActive ? (
                        <p>Drop files here...</p>
                      ) : (
                        <p>
                          Try dropping some files here, or click to select files to upload. Only
                          jpeg and png images under 1mb will be accepted
                        </p>
                      )}
                      <ImagePreviewContainer item={this.props.item} />
                    </div>
                  );
                }}
              </Dropzone>

[chobo2]

Ok, I will check out react > 16.8 got to make sure it can work with IE 11(finding lots of stuff I am upgrading to newest versions just don’t work with IE 11)

[rolandjitsu]

You just need to upgrade to react > 16.8. There are no breaking changes in regards to react, so you should be fine.