NestJS + React UploadThing Integration - Middleware Not Executing

I'm trying to integrate UploadThing with NestJS (backend) and React (frontend) but facing issues where the UploadThing middleware isn't executing properly. Here's my setup: Check attached images. Current Behavior: - When I try to upload a file: -- The request gets stuck pending at: http://localhost:4001/api/uploadthing/instagram?actionType=upload&slug=instagram -- Only console.log('Upload middleware completed', data) gets logged (with data being undefined) -- The UploadThing middleware (console.log('Upload middleware executing')) never gets executed -- None of the frontend component's console logs are triggered - Environment Setup: -- Backend running on port 4001 (NestJS) -- Frontend running on different port (Vite) -- CORS is enabled in NestJS -- UploadThing token is properly configured Questions: Why isn't the UploadThing middleware executing? Why is the upload request getting stuck in a pending state? Is there something specific needed for NestJS integration that I'm missing? Any help would be greatly appreciated! Let me know if you need any additional information.
No description
No description
No description
No description
1 Reply
Angshuman
AngshumanOP4mo ago
Solution: After setting up the UploadThing with express in NestJS server like this the Uploading from React is working as expected and images are getting uploaded to the UploadThing server.
No description

Did you find this page helpful?