How to use setValue without undefined

[IDrumsey]

The docs say that the value for setValue should not be undefined. I have the following field zod schema

const schema = z.object({
    myField:  z.string().min(1, {message: `Required`})
          .transform(val => {
              const asNumber = Number(val)

              if(Number.isNaN(asNumber)) {
                  // the number was invalid
                  return Infinity
              }

              else {
                  return asNumber
              }
          })
          .pipe(
              z.number()
              .int(`Needs to be an integer`)
              .positive(`Needs to be a positive number`))
              .refine(val => val !== Infinity, {message: `Invalid Number`}
          )
})

type PageFormSchema = z.infer<typeof schema>

I have this hooked up to a text field

<input type="text" {...register("myField")}  />
<button onClick={() => setValue("myField", ???,  {shouldValidate: true})}>Clear</button>

I don't know how to clear this field to the default value when I shouldn't pass in undefined (cite) and I can't pass an empty string because typescript yells at me for it not being a number. I don't want to pass in an arbitrary number. I don't want to use resetField("myField") because then I can't run validation with that. Part of the confusion is that the text input is passing it's value (a string), but we can't pass a string with setValue.

[IDrumsey]

I'm pretty the answer lies somewhere with the Form component, but that is still in beta as per the docs. Or somewhere in this thread - #9600. Closing this issue under the assumption that this is a solution to this specific issue. Haven't actually tried. Going to wait till Form goes out of beta, but if someone has another solution, that would be appreciated.