SyntaxError: The requested module 'react-dropzone' does not provide an export named 'useDropzone'

[N9des]

Describe the bug
Since updating to 3.0.2, we get this error when starting sanity:

import { useDropzone } from "react-dropzone";
         ^^^^^^^^^^^
SyntaxError: The requested module 'react-dropzone' does not provide an export named 'useDropzone'

To Reproduce
Steps to reproduce the behavior:

1. Update the packages using ncu (sanity-plugin-media) to 3.0.2
2. run npm run dev
3. Go to /studio
4. See error

Expected behavior
The entire studio should not crash on this error.

Screenshots

Plugin and environment information:

• Plugin version: 3.0.2
• Sanity version 3.81.0
• Operating system and version OSX Sequoia 15.3.2
• Browser and version number: Arc 1.87.0

[corygibbons]

Getting this as well when upgrading to v3.0.2

[PhilippLiebhart]

same

[damienmutt]

Very annoying, tried to override the dependency but couldn't make it work.

[PhilippLiebhart]

sanity-plugin-media+3.0.2.patch

i patched mine as a quick fix because i don't need the dropzone/upload feature for now i just removed it.
attached the patch file.

[homerjam]

Should be fixed with latest react-dropzone - please can the dependency be updated?

[N9des]

I have updated to 3.0.3 but I get the same error.

[r0skar]

Still happens with 3.0.3 for me too! If any is using Vite to bundle the Sanity app, marking the plugin and its deps. as external should help too:

// vite.config.ts
export default defineConfig({
  ssr: {
    noExternal: ["react-dropzone", "sanity-plugin-media", "date-fns"],
  },
}

[N9des]

Still have the issue in 4.0.0.

But the solution from @r0skar, works for the moment with this version.