Does validateField and setFieldError work if I don't enter anything or click the Submit button?

[StringKe]

https://codesandbox.io/s/formik-chakra-ui-forked-4mdjv?file=/src/Form.tsx

I tried to validate a field when the user did not perform any action, but the method I tried did not work correctly.

            <Button
              onClick={() => {
                validateField("firstName");
              }}
            >
              validateField
            </Button>

            <Button
              ml={4}
              onClick={() => {
                setFieldError("firstName", "custom error");
              }}
            >
              setFieldError
            </Button>

[StringKe]

It looks like the state is updated, but dom is not re-rendered?