According to the [Chakra UI's docs](https://chakra-ui.com/docs/components/button/props) 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.