ziad092 Posts - Answer Overflow

ziad092

•Created by ziad092 on 8/10/2024 in #questions

UploadThingError at INTERNAL_DO_NOT_USE__fatalClientError

I get this errors on uplaoding - GET https://api.uploadthing.com/v6/serverCallback net::ERR_BLOCKED_BY_CLIENT - Something went wrong. Please contact UploadThing and provide the following cause: FetchError - UploadThingError at INTERNAL_DO_NOT_USE__fatalClientError (index.js:352:1) at eval (button-client-D2-JDNio.js:196:66)Caused by: FetchError at Object.catch (index.js:380:1) at eval (Micro.js:731:1) ----------------------------- this is my core.ts


import { useUserServer } from "@/app/_lib/user";
import { createUploadthing, type FileRouter } from "uploadthing/next";
import { UploadThingError } from "uploadthing/server";

const f = createUploadthing();

// FileRouter for your app, can contain multiple FileRoutes
export const ourFileRouter = {
  // Define as many FileRoutes as you like, each with a unique routeSlug
  imageUploader: f({ image: { maxFileSize: "8MB" } })
    // Set permissions and file types for this FileRoute
    .middleware(async () => {
      const user = await useUserServer();

      if (!user) throw new UploadThingError("Unauthorized");

      return { userId: user?.id };
    })
    .onUploadComplete(async ({ metadata, file }) => {
      // This code RUNS ON YOUR SERVER after upload
      // console.log("Upload complete for userId:", metadata.userId);
      // console.log("file url", file.url);
      // !!! Whatever is returned here is sent to the clientside

onClientUploadComplete

 callback
      return { uploadedBy: metadata.userId };
    }),
} satisfies FileRouter;

export type OurFileRouter = typeof ourFileRouter;

I am using Next auth (auth js) and in the middleware I allowed "/api/uploadthing" route. note: also first time to upload always work fine. is there anything I missing please help?

2 replies

Gaming

Programming