reactjs - Typerror: n is not a function using react-dropzone

Question

index.js:65 is in react-dropzone, the line is

return /*#__PURE__*/React.createElement(Fragment, null, children(_objectSpread(_objectSpread({}, props), {}, {
open: open

This is my current component functionality:

handleDrop = (files) => {
    console.log('Hello');
}


render() {


    const previewStyle = {
        display: 'inline',
        width: 100,
        height: 100,
    };

    return (

        <div>
            <Dropzone
                onDrop={this.handleDrop}
            >
            Drop it here
            </Dropzone>
        </div>
    );
}

This only happens when I try ot use the react-dropzone component. I decided to try it out, but I can't figure out why its throwing this error. When I remove the DropZone, it works fine, but when I try to put it in, it throws the error not matter what elements are inside.

Answer 1

等待大神答复