[BUG] TS2322: Type 'string | { "image/*": string[]; }' is not assignable to type 'Accept'

Describe the bug A clear and concise description of what the bug is. “react-dropzone”: “^14.2.2”

 const { getRootProps, getInputProps, isDragActive } = useDropzone({
    accept: {
      "image/*": [".jpeg", ".png", ".jpg"],
    },

Error:

MediaField.tsx:266:5 - error TS2322: Type 'string | { "image/*": string[]; }' is not assignable to type 'Accept'.
  Type 'string' is not assignable to type 'Accept'.

266     accept: {
        ~~~~~~

  node_modules/react-dropzone/typings/react-dropzone.d.ts:31:3
    31   accept?: Accept;
         ~~~~~~
    The expected type comes from property 'accept' which is declared here on type 'DropzoneOptions'

What do I miss? To Reproduce

Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Select file ‘…’
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [Ubuntu 22.04]
• Browser [chrome]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[ru88s]

“react-dropzone”: “^14.2.2”, same bug.

I think there is something wrong here.

export interface Accept {
  [key: string]: string[];
}

[Muhindo-Galien]

use the code bellow instead accept: { ‘image/png’: [‘.png’], ‘image/jpg’: [‘.jpg’], ‘image/jpeg’: [‘.jpeg’], ‘text/html’: [‘.html’, ‘.htm’], },

@khteh