Could not resolve @uppy/drag-drop

zaro0508 · August 21, 2025, 6:55pm

I am trying to integrate uppy into my React application however I get this error from chrome browser..

@uppy_react.js?v=4d9c6331:270 Uncaught Error: Could not resolve "@uppy/drag-drop" imported by "@uppy/react". Is it installed?
    at optional-peer-dep:__vite-optional-peer-dep:@uppy/drag-drop:@uppy/react (@uppy_react.js?v=4d9c6331:270:11)
    at __require (chunk-WOOG5QLI.js?v=4d9c6331:12:50)
    at @uppy_react.js?v=4d9c6331:6888:32
optional-peer-dep:__vite-optional-peer-dep:@uppy/drag-drop:@uppy/react	@	@uppy_react.js?v=4d9c6331:270
__require	@	chunk-WOOG5QLI.js?v=4d9c6331:12
(anonymous)	@	@uppy_react.js?v=4d9c6331:6888

My app dependencies..

  "dependencies": {
    "@uppy/core": "^4.5.3",
    "@uppy/react": "^4.5.2",
    "@uppy/xhr-upload": "^4.4.2",
    "aws-amplify": "^6.6.6"
  },

I looked in the node_modules/uppy/react folder and it looks like the drag-drop library is there so i’m not sure why i’m getting this error. Any help would be appreciated. Thanks in advance.

Merlijn · August 21, 2025, 7:26pm

We’re about to do a major release to solve this annoying issue! Tomorrow morning

github.com/transloadit/uppy

packages/%40uppy/react/CHANGELOG.md?plain=1

edfc9b0a4


      
          #### Changed imports for `@uppy/react`, `@uppy/vue`, and `@uppy/svelte`
          
          Some components, like Dashboard, require a peer dependency to work but since all components were exported from a single file you were forced to install all peer dependencies. Even if you never imported, for instance, the status bar component.
          
          Every component that requires a peer dependency has now been moved to a subpath, such as `@uppy/react/dashboard`, so you only need to install the peer dependencies you need.
          
          **Example for `@uppy/react`:**
          
          **Before:**
          
          ```javascript
          import { Dashboard, StatusBar } from "@uppy/react";
          ```
          
          **Now:**
          
          ```javascript
          import Dashboard from "@uppy/react/dashboard";
          import StatusBar from "@uppy/react/status-bar";
          ```

For now, you have to install all peer dependencies.

Topic		Replies	Views
[DragDrop React]: Expected a plugin class, but got object Uppy	0	24	October 18, 2024
Can't get uppy working with React, will cry soon Uppy	3	4524	January 21, 2021
Uppy > react example demo - npm ERR! Uppy	2	1040	August 18, 2022
Can't get Uppy to work with React Uppy	1	597	February 10, 2020
Can`t get Uppy,React and transloadit working Uppy	2	1729	November 18, 2020

Could not resolve @uppy/drag-drop

Related topics