timmm
timmm
TTCTheo's Typesafe Cult
Created by timmm on 8/5/2024 in #questions
Invalid Signature in uploadthing
Hi - I'm getting an error "Invalid Signature" when I use upload thing with production settings. I can't find any reference to this error anywhere apart from in the code so I'm not sure where to start to resolve this The error in the console looks like this
⨯ UPLOADTHING 1:28:56 PM Invalid signature
⨯ UPLOADTHING 1:28:56 PM Invalid signature
I'm using remix I've setup my route handler API and as far as I can tell it looks fine The request object is being sent to the route handlers POST has an x-uploadthing-signature I've rotated the keys to double check and logging UPLOADTHING_SECRET shows the same secret that is in the upload thing api keys screen Everything works fine in dev mode This is my api/uploadthing route
import { ActionFunctionArgs, LoaderFunctionArgs } from "@remix-run/server-runtime";
import { uploadRouter } from "./uploadthing-config";
import { createRouteHandler } from "uploadthing/server";

const { GET, POST } = createRouteHandler({
router: uploadRouter,
config: {
uploadthingId: process.env.UPLOADTHING_APP_ID,
uploadthingSecret: process.env.UPLOADTHING_SECRET,
}
});

export async function loader({ request }: LoaderFunctionArgs) {
return GET(request);;
}

export async function action(action: ActionFunctionArgs) {
const response = await POST(action.request);
return response
}
import { ActionFunctionArgs, LoaderFunctionArgs } from "@remix-run/server-runtime";
import { uploadRouter } from "./uploadthing-config";
import { createRouteHandler } from "uploadthing/server";

const { GET, POST } = createRouteHandler({
router: uploadRouter,
config: {
uploadthingId: process.env.UPLOADTHING_APP_ID,
uploadthingSecret: process.env.UPLOADTHING_SECRET,
}
});

export async function loader({ request }: LoaderFunctionArgs) {
return GET(request);;
}

export async function action(action: ActionFunctionArgs) {
const response = await POST(action.request);
return response
}
What might be going on here?
3 replies