How to work with upload File, multipart/form-data

[AzrizHaziq]

Hi, would like to ask your opinion on how to upload a file using prpc.

here is snippet of mutation$

  createNew: mutation$({
    mutationFn: async ({ ctx$, payload }) => {
     // using drizzle
      await db.insert(schemas.tools).values({
        ...payload,
        createdBy: ctx$.session.user.id as unknown as string,
        createdAt: new Date()
      })

      return 'OK'
    },
    key: 'tool_createNew',
    schema: createToolScheme, // zod schema
    middlewares: [authMw],
  }),

and in my client side

   <form
        class="grid sm:grid-cols-2 gap-5"
        onSubmit={async (e) => {
          e.preventDefault()
          const fd = new FormData()
          fd.append('cert', file()) // this is File

          await createNew.mutateAsync(fd) // <--- does not accept formData
        }}>

createNew.mutateAsync i been looking for ways to send using formData instead of application/json but could not find any solution. Hence, would like to ask your opinion is there a way to work with formData.

it's been delightful using your work. Thank you