2 replies

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?

TTC

Theo's Typesafe Cult•2y ago•

2 replies

timmm

Invalid Signature in uploadthing

 ⨯ UPLOADTHING 1:28:56 PM  Invalid signature

 ⨯ UPLOADTHING 1:28:56 PM  Invalid signature

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?

Invalid Signature in uploadthing

Similar Threads

Invalid Signature in uploadthing

Similar Threads

Similar Threads

Similar Threads