404 Not Found when rendering <UploadButton>

await fastify.register(createRouteHandler, {
  router: uploadRouter,
  config: {
    isDev: env.NODE_ENV === "development",
    uploadthingId: env.UPLOADTHING_APP_ID,
    uploadthingSecret: env.UPLOADTHING_SECRET,
    logLevel: "debug",
  },
});

import { type FileRouter, createUploadthing } from "uploadthing/fastify";

const f = createUploadthing();

export const uploadRouter = {
    imageUploader: f({
        image: {
            maxFileSize: "4MB",
            maxFileCount: 1,
        },
    }).onUploadComplete((data) => {
        console.log("upload completed", data);
    }),
} satisfies FileRouter;

export type OurFileRouter = typeof uploadRouter;