According to the Chakra UI's docs there is no disabled attribute in the Button. Its substitute is isDisabled
I would also suggest destructuring formik and extracting the variable of dirty
({isValid, isSubmitting, dirty}) =>
<Button type="submit" isDisabled={ !dirty || !isValid || isSubmitting }>Submit</Button>
The button would be disabled once the page is loaded.
According to the Chakra UI's docs there is no disabled attribute in the Button. Its substitute is isDisabled
I would also suggest destructuring formik and extracting the variable of dirty
({isValid, isSubmitting, dirty}) =><Button type="submit" isDisabled={ !dirty || !isValid || isSubmitting }>Submit</Button>The button would be disabled once the page is loaded.