imageUploader: f({ image: { maxFileSize: "4MB" ,maxFileCount:10} })

    
imageUploader: f({ image: { maxFileSize: "4MB" ,maxFileCount:10} })

import { UTApi } from  "uploadthing/server";
 export const utapi = new UTApi();

// in ur upload file 
import { utapi } from "~/server/uploadthing.ts";
 
async function uploadFiles(formData: FormData) {

  const files =formData.getAll("files");
  const response = await utapi.uploadFiles(files);
  //    ^? UploadedFileResponse[]
}

import { UTApi } from  "uploadthing/server";
 export const utapi = new UTApi();

// in ur upload file 
import { utapi } from "~/server/uploadthing.ts";
 
async function uploadFiles(formData: FormData) {

  const files =formData.getAll("files");
  const response = await utapi.uploadFiles(files);
  //    ^? UploadedFileResponse[]
}

const hello = await api.post.hello({ text: "from tRPC" });  // you are basically saying wait till this fetch is done before you proceed .
{hello ? hello.greeting : "Loading tRPC query..."}// by the time you get to this point is fetch is already done so what you are saying is. if hello has data show hello.greaeting else show loading

const hello = await api.post.hello({ text: "from tRPC" });  // you are basically saying wait till this fetch is done before you proceed .
{hello ? hello.greeting : "Loading tRPC query..."}// by the time you get to this point is fetch is already done so what you are saying is. if hello has data show hello.greaeting else show loading