Accept filter no work

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?

I’m trying to set that only certain file types need to be selected, a filter. I’ve tried something like this but it doesn’t seem to work.

<Dropzone onDrop={this.onDrop} multiple={false} accept=".jpg,.jpeg"/>

What is the expected behavior?

Select only the files that have that type of extension.

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

Google chrome: latest version
react-dropzone: "^10.1.6"
Linux ubuntu

[Angelk90]

@rxmarbles : seems not to work.

When I go to select the files, it also shows me those that have a different extension than the one I inserted in the accept, and also makes them select me.

Also on the example page: https://codesandbox.io/s/vvw87k06k5 Makes me select files that are not images.

function Dropzone(props) {
  const { acceptedFiles, getRootProps, getInputProps } = useDropzone({
    onDrop: props.onDrop,
  });
  const file = acceptedFiles[0];
  return (
    <div>
      <div {...getRootProps({ className: 'drop-zone' })}>
        <input {...getInputProps()} multiple={false} />
        <p>
          Trascina qui la fotocopia della carta d'identità e fai clic per
          selezionare i file:
          {file && (
            <span>
              {file.path} - {file.size} bytes
            </span>
          )}
        </p>
      </div>
    </div>
  );
}

...

<Dropzone
                  onDrop={this.onDrop}
                  multiple={false}
                  accept="image/jpg, image/jpeg"
                />

[rxmarbles]

@Angelk90 If you use the examples from http://react-dropzone.js.org/ do they work for you?