# Can you have multiple Uppy instances but then a singular Upload progress component for all videos?

**URL:** <https://community.transloadit.com/t/can-you-have-multiple-uppy-instances-but-then-a-singular-upload-progress-component-for-all-videos/16315>\
**Category:** Uppy\
**Created:** [November 9, 2022, 9:30am UTC](https://community.transloadit.com/t/can-you-have-multiple-uppy-instances-but-then-a-singular-upload-progress-component-for-all-videos/16315 "2022-11-09T09:30:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![zzleki](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/zzleki/32/685_2.png) [@zzleki](https://community.transloadit.com/u/zzleki)\
**Post date:** [November 9, 2022, 9:30am UTC](https://community.transloadit.com/t/can-you-have-multiple-uppy-instances-but-then-a-singular-upload-progress-component-for-all-videos/16315/1 "2022-11-09T09:30:47Z")

</div>

Hi there… I’ve been developing a React app recently where I’m creating a sort of timeline where each Timeline section can have it’s own video. And each of the generated timeline sections is a new component that has it’s own uppy instance.

My question here is, can I have an upload progress component that will show progress for all videos on all uppy instances?

Or should I maybe have only one Uppy instance at the top level, then each section only has a Dropzone?

Or something else entirely…?

---

<div class="post-metadata">

**Author:** ![Merlijn](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/merlijn/32/1382_2.png) [@Merlijn](https://community.transloadit.com/u/Merlijn)\
**Post date:** [November 9, 2022, 1:51pm UTC](https://community.transloadit.com/t/can-you-have-multiple-uppy-instances-but-then-a-singular-upload-progress-component-for-all-videos/16315/2 "2022-11-09T13:51:56Z")

</div>

I think you’re best bet is indeed to use a single instance of `@uppy/core` with multiple `@uppy/drag-drop` with different `id`’s (or some other UI) and a single `@uppy/status-bar` (or some other progress bar). However, I have not tried to use multiple UIs with Uppy myself. I think it should work though.

---

<div class="post-metadata">

**Author:** ![zzleki](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/zzleki/32/685_2.png) [@zzleki](https://community.transloadit.com/u/zzleki)\
**Post date:** [November 9, 2022, 2:09pm UTC](https://community.transloadit.com/t/can-you-have-multiple-uppy-instances-but-then-a-singular-upload-progress-component-for-all-videos/16315/3 "2022-11-09T14:09:54Z")

</div>

Alright, will try and get back

---

<div class="post-metadata">

**Author:** ![PreetamKumarjoshi](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/preetamkumarjoshi/32/701_2.png) [@PreetamKumarjoshi](https://community.transloadit.com/u/PreetamKumarjoshi)\
**Post date:** [November 22, 2022, 11:00am UTC](https://community.transloadit.com/t/can-you-have-multiple-uppy-instances-but-then-a-singular-upload-progress-component-for-all-videos/16315/4 "2022-11-22T11:00:52Z")

</div>

Hi zzleki  
I am also using Uppy, There should be different instances for each section because when you apply any event like beforeupload, in that case, this will not work correctly  
I have rendered multiple uppy uploaders on the same page, and for that, I have created different instances like uppy1 and uppt2 like that where the 1 and 2 are the id of my field,  
You can see this in the attached Images

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/transloadit/original/1X/cc836921c52d43d2bcb13dbf91116b07f6667b07.png)  
Thanks  
Preetam Kumar Joshi

---

<div class="post-metadata">

**Author:** ![zzleki](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/zzleki/32/685_2.png) [@zzleki](https://community.transloadit.com/u/zzleki)\
**Post date:** [March 21, 2023, 3:34pm UTC](https://community.transloadit.com/t/can-you-have-multiple-uppy-instances-but-then-a-singular-upload-progress-component-for-all-videos/16315/5 "2023-03-21T15:34:10Z")

</div>

Thank you for the reply. Sadly this project was pushed aside for some more pressing matters for some time… But now I’m working on this again 💪💪

If you still remember, how do you handle uploads? Do you trigger all of them at once or are they uploaded separately? - e.g. drop video into uppy, click upload, repeat for all…
