Uploadthing Image not showing up

I feel like I'm making some dumb mistake but hoping someone else will see the error in my ways 😅. I'm implementing uploadthing and have the upload portion of it working. After the upload I'm pushing the response into an array of images and mapping over them, with an <img> for each of them. For some reason the image is erroring out and not displaying. I have added utfs.io to the remotePatterns in my next.config, so not sure what else could be causing this since when I click on the URL that's assigned to the <img> in the DOM, it does take me the uploaded image.
No description
Solution:
Ah ok, I had skipPolling={true} for my UploadDropzone, I didn't fundamentally understand what that was doing (I just thought, "oooh, this make app go brrrr"), once it was set to false everything is working as intended
Jump to solution
2 Replies
Kayn
Kayn2mo ago
This is what I have for the remotePattern:
{
protocol: "https",
hostname: "utfs.io",
}
{
protocol: "https",
hostname: "utfs.io",
}
When trying to use an Image component the following error throws in the console: GET http://localhost:3000/_next/image?url=https%3A%2F%2Futfs.io%2Ff%2F6ab341bc-ff0c-4df4-bcd0-e509d9c790d2-qqfixy.png&w=256&q=75 400 (Bad Request) So if I make a change in my code after uploading an image, i.e. triggering a dom update is my guess on what's happening, the image actually shows up. Don't understand what's happening under the hood though
Solution
Kayn
Kayn2mo ago
Ah ok, I had skipPolling={true} for my UploadDropzone, I didn't fundamentally understand what that was doing (I just thought, "oooh, this make app go brrrr"), once it was set to false everything is working as intended
Want results from more Discord servers?
Add your server
More Posts
Large number of Vercel Edge Middleware Invocations coming from next-auth's `/api/auth/session`I am using the `create-t3-app` with `NextAuth` for auth. Also using the `pages` router for this projShadcn - Drawer - Vaul - flashing after closing DrawerHello, I'm currently working on a project where I use shadcn-ui and I am trying to integrate a drawAm I being lowballed?I had a friend of a family friend reach out say they need a website with the below requirements builNextJS detect if page is fetching new data, if so, display loadingSo suppose I have this `page.tsx` ```tsx interface DataPropsExampleTypeForReference { category: serror: column "trailer_id" cannot be cast automatically to type integerHey guys, I'm new with drizzle and I can't figure out what I what I'm doing wrong here is the schemnext MongoDB api route returns []Does anyone know why im not geting my data to show up I've checked everything like 3 times and can'tfiltering, sorting and grouping + paginationI want to be able to filter, group and sort tasks. Given tasks are ever expanding, there is also a nScehma Versioning of Event driven architectureWhat are some ways schema versioning is done. Currently at work our system has no schema versioningAny good library/service for managing background jobs?I have a long server process in my nextjs app and I found out that the way to go is through backgroumodule not found build failSo my init build is not working when deployed to vercel. The path to global.css is not being compile