diff --git a/site/package.json b/site/package.json
index 8e4ad7936cf97..11c068bec6f14 100644
--- a/site/package.json
+++ b/site/package.json
@@ -61,7 +61,7 @@
     "emoji-mart": "5.4.0",
     "eslint-plugin-testing-library": "5.10.2",
     "eventsourcemock": "2.0.0",
-    "formik": "2.2.9",
+    "formik": "2.4.1",
     "front-matter": "4.0.2",
     "history": "5.3.0",
     "i18next": "21.9.1",
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
index bda871e9f03bf..832084ab43211 100644
--- a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
+++ b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -249,8 +249,8 @@ export const CreateWorkspacePageView: FC<
                   ...getFieldHelpers(
                     "rich_parameter_values[" + index + "].value",
                   ),
-                  onChange: (value) => {
-                    form.setFieldValue("rich_parameter_values." + index, {
+                  onChange: async (value) => {
+                    await form.setFieldValue("rich_parameter_values." + index, {
                       name: parameter.name,
                       value: value,
                     })
@@ -271,8 +271,8 @@ export const CreateWorkspacePageView: FC<
                   ...getFieldHelpers(
                     "rich_parameter_values[" + index + "].value",
                   ),
-                  onChange: (value) => {
-                    form.setFieldValue("rich_parameter_values." + index, {
+                  onChange: async (value) => {
+                    await form.setFieldValue("rich_parameter_values." + index, {
                       name: parameter.name,
                       value: value,
                     })
diff --git a/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesForm.tsx b/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesForm.tsx
index ea944f18e3283..29b5c7f9d34f8 100644
--- a/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesForm.tsx
+++ b/site/src/pages/TemplateSettingsPage/TemplateVariablesPage/TemplateVariablesForm.tsx
@@ -96,8 +96,8 @@ export const TemplateVariablesForm: FC<TemplateVariablesForm> = ({
                 templateVersionVariable={templateVariable}
                 initialValue={initialUserVariableValues[index].value}
                 disabled={isSubmitting}
-                onChange={(value) => {
-                  form.setFieldValue("user_variable_values." + index, {
+                onChange={async (value) => {
+                  await form.setFieldValue("user_variable_values." + index, {
                     name: templateVariable.name,
                     value: value,
                   })
diff --git a/site/yarn.lock b/site/yarn.lock
index 1c63b9f49a982..20193874481b4 100644
--- a/site/yarn.lock
+++ b/site/yarn.lock
@@ -6280,10 +6280,10 @@ format@^0.2.0:
   resolved "https://registry.yarnpkg.com/format/-/format-0.2.2.tgz#d6170107e9efdc4ed30c9dc39016df942b5cb58b"
   integrity sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==
 
-formik@2.2.9:
-  version "2.2.9"
-  resolved "https://registry.yarnpkg.com/formik/-/formik-2.2.9.tgz#8594ba9c5e2e5cf1f42c5704128e119fc46232d0"
-  integrity sha512-LQLcISMmf1r5at4/gyJigGn0gOwFbeEAlji+N9InZF6LIMXnFNkO42sCI8Jt84YZggpD4cPWObAZaxpEFtSzNA==
+formik@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/formik/-/formik-2.4.1.tgz#f2630b51a866c86144a5faf68d31200c9d8ceea9"
+  integrity sha512-ajOB9EmFhXb4PACTlaooVEn7PLtLtBJEZ8fPs+wFZjL5KSGwgAoU+n9DHN8JcqNKcXkloEYYtn1lxrLav18ecQ==
   dependencies:
     deepmerge "^2.1.1"
     hoist-non-react-statics "^3.3.0"