react-dropzone: React-Dropzone - Error: Invalid hook call

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

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

What is the current behavior? The current behaviour while using the latest version of react-dropzone (10.1.5) is the following error on attempting to render the component in a class component using the example in the docs.

Uncaught Invariant Violation: Invalid hook call. Hooks can only be called inside of the body of a function component.

The above error occurred in the <Dropzone> component: in Dropzone

export class UploadFile extends React.Component {
  render() {
    return (
      <Dropzone onDrop={acceptedFiles => console.log(acceptedFiles)}>
        {({ getRootProps, getInputProps }) => (
          <section>
            <div
              {...getRootProps({
                accept: "application/pdf,image/jpg,image/jpeg,image/png",
                multiple: true
              })}
            >
              <input {...getInputProps()} />
              <p>Drop files here</p>
            </div>
          </section>
        )}
      </Dropzone>
    );
  }