Rendering a zod "refine" error within shadcn toast

[LiteBluSky]

I have this form subscriber that works perfectly fine just rendering the error text:

      <form.Subscribe
        selector={(state) => [state.errorMap]}
        children={([errorMap]) =>
          errorMap.onSubmit ? (
            <div>
              <p className="text-red-500">
                {errorMap.onSubmit.form[0].message}
              </p>
            </div>
          ) : null
        }
      />

If I try the following though, it renders 2 toasts:

      <form.Subscribe
        selector={(state) => [state.errorMap]}
        children={([errorMap]) =>
          errorMap.onSubmit
            ? toast.error(errorMap.onSubmit.form[0].message)
            : null
        }
      />

Finally, this is the zod schema with the refine:

  .refine(
    (data) => {
      const total = data.val1 + data.val2
      return total === 100
    },
    {
      message: t`The sum of all values must be equal to 100`,
      path: ['form'],
    },
  )

PS. This also renders the number 2, and the more I "hot reload" the number increases in increments of 2: ej. next number would be 4.

Does this have to do with the whole react "StrictMode" or am I missing something.
This is my first time using TanstackForm so I could also be missunderstanding something.