use : var accept = require('attr-accept'); accept() accept is not a function

[glntlq]

use : var accept = require('attr-accept');
then: accept()
result: accept is not a function

solution: import accept from 'attr-accept' ????

[okonet]

I’m not sure what this is about.

[rxmarbles]

perhaps he is talking about the README ? as it shows its use in CommonJS instead of a babel/webpack import?

[okonet]

Hmm 🤔

Do we need to update it?

[rxmarbles]

Is the module available via CommonJS? if so then it should be fine as is, but if not we should perhaps either fix the README or update the module so it is available via CommonJS

[okonet]

Is the module available via CommonJS?

Yes, https://github.com/okonet/attr-accept/blob/master/webpack.config.js#L6

[bsonntag]

Reproduction here: https://runkit.com/bsonntag/5c3362f019d6b0001713a107

Adding .default to the require() call fixes it. Like this:

var accept = require('attr-accept').default;
accept({
    name: 'my file.png',
    type: 'image/png'
}, 'image/*')

[fredrikbergqvist]

attr-accept crashes Vite.js production builds because of this

When trying to upload and using react-dropzone with Vite (production build) I get accepts is not a function

if I change:
import accepts from 'attr-accept';
to

import A from "attr-accept";
const accepts = A.default ? A.default : A;

react-dropzone works as it should.

[rolandjitsu]

@fredrikbergqvist I believe that issue has been fixed with react-dropzone/react-dropzone@2471dd9.

[rolandjitsu]

Gonna close this issue as there hasn't been any activity on it in years. If there's further issues, we can open a new one.