Upgrade to formik@2

resources/scripts/components/dashboard/forms/DisableTwoFactorModal.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import Modal, { RequiredModalProps } from '@/components/elements/Modal';
 import FlashMessageRender from '@/components/FlashMessageRender';
 import Field from '@/components/elements/Field';
@@ -17,7 +17,7 @@ export default ({ ...props }: RequiredModalProps) => {
     const { addError, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
     const updateUserData = useStoreActions((actions: Actions<ApplicationStore>) => actions.user.updateUserData);
 
-    const submit = ({ password }: Values, { setSubmitting }: FormikActions<Values>) => {
+    const submit = ({ password }: Values, { setSubmitting }: FormikHelpers<Values>) => {
         clearFlashes('account:two-factor');
         disableAccountTwoFactor(password)
             .then(() => {

resources/scripts/components/dashboard/forms/SetupTwoFactorModal.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import Modal, { RequiredModalProps } from '@/components/elements/Modal';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import { object, string } from 'yup';
 import Field from '@/components/elements/Field';
 import getTwoFactorTokenUrl from '@/api/account/getTwoFactorTokenUrl';
@@ -30,7 +30,7 @@ export default ({ ...props }: RequiredModalProps) => {
             });
     }, []);
 
-    const submit = ({ code }: Values, { setSubmitting }: FormikActions<Values>) => {
+    const submit = ({ code }: Values, { setSubmitting }: FormikHelpers<Values>) => {
         clearFlashes('account:two-factor');
         enableAccountTwoFactor(code)
             .then(() => {

resources/scripts/components/dashboard/forms/UpdateEmailAddressForm.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Actions, State, useStoreActions, useStoreState } from 'easy-peasy';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import * as Yup from 'yup';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
 import Field from '@/components/elements/Field';
@@ -23,7 +23,7 @@ export default () => {
 
     const { clearFlashes, addFlash } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
 
-    const submit = (values: Values, { resetForm, setSubmitting }: FormikActions<Values>) => {
+    const submit = (values: Values, { resetForm, setSubmitting }: FormikHelpers<Values>) => {
         clearFlashes('account:email');
 
         updateEmail({ ...values })

resources/scripts/components/dashboard/forms/UpdatePasswordForm.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Actions, State, useStoreActions, useStoreState } from 'easy-peasy';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import Field from '@/components/elements/Field';
 import * as Yup from 'yup';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
@@ -30,7 +30,7 @@ export default () => {
         return null;
     }
 
-    const submit = (values: Values, { resetForm, setSubmitting }: FormikActions<Values>) => {
+    const submit = (values: Values, { resetForm, setSubmitting }: FormikHelpers<Values>) => {
         clearFlashes('account:password');
         updateAccountPassword({ ...values })
             .then(() => {

resources/scripts/components/server/databases/CreateDatabaseButton.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { ServerDatabase } from '@/api/server/getServerDatabases';
 import Modal from '@/components/elements/Modal';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import Field from '@/components/elements/Field';
 import { object, string } from 'yup';
 import createServerDatabase from '@/api/server/createServerDatabase';
@@ -32,7 +32,7 @@ export default ({ onCreated }: { onCreated: (database: ServerDatabase) => void }
     const { addFlash, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
     const server = ServerContext.useStoreState(state => state.server.data!);
 
-    const submit = (values: Values, { setSubmitting }: FormikActions<Values>) => {
+    const submit = (values: Values, { setSubmitting }: FormikHelpers<Values>) => {
         clearFlashes();
         createServerDatabase(server.uuid, { ...values })
             .then(database => {

resources/scripts/components/server/databases/DatabaseRow.tsx

@@ -6,7 +6,7 @@ import { faTrashAlt } from '@fortawesome/free-solid-svg-icons/faTrashAlt';
 import { faEye } from '@fortawesome/free-solid-svg-icons/faEye';
 import classNames from 'classnames';
 import Modal from '@/components/elements/Modal';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import Field from '@/components/elements/Field';
 import { object, string } from 'yup';
 import FlashMessageRender from '@/components/FlashMessageRender';
@@ -41,7 +41,7 @@ export default ({ databaseId, className, onDelete }: Props) => {
             .oneOf([database.name.split('_', 2)[1], database.name], 'The database name must be provided.'),
     });
 
-    const submit = (values: { confirm: string }, { setSubmitting }: FormikActions<{ confirm: string }>) => {
+    const submit = (values: { confirm: string }, { setSubmitting }: FormikHelpers<{ confirm: string }>) => {
         clearFlashes();
         deleteServerDatabase(server.uuid, database.id)
             .then(() => {

resources/scripts/components/server/files/FileNameModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Modal, { RequiredModalProps } from '@/components/elements/Modal';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import { object, string } from 'yup';
 import Field from '@/components/elements/Field';
 import { ServerContext } from '@/state/server';
@@ -17,7 +17,7 @@ interface Values {
 export default ({ onFileNamed, onDismissed, ...props }: Props) => {
     const directory = ServerContext.useStoreState(state => state.files.directory);
 
-    const submit = (values: Values, { setSubmitting }: FormikActions<Values>) => {
+    const submit = (values: Values, { setSubmitting }: FormikHelpers<Values>) => {
         onFileNamed(join(directory, values.fileName));
         setSubmitting(false);
     };

resources/scripts/components/server/files/NewDirectoryButton.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import Modal from '@/components/elements/Modal';
 import { ServerContext } from '@/state/server';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import Field from '@/components/elements/Field';
 import { join } from 'path';
 import { object, string } from 'yup';
@@ -22,7 +22,7 @@ export default () => {
     const directory = ServerContext.useStoreState(state => state.files.directory);
     const pushFile = ServerContext.useStoreActions(actions => actions.files.pushFile);
 
-    const submit = (values: Values, { setSubmitting }: FormikActions<Values>) => {
+    const submit = (values: Values, { setSubmitting }: FormikHelpers<Values>) => {
         createDirectory(uuid, directory, values.directoryName)
             .then(() => {
                 pushFile({

resources/scripts/components/server/files/RenameFileModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Modal, { RequiredModalProps } from '@/components/elements/Modal';
-import { Form, Formik, FormikActions } from 'formik';
+import { Form, Formik, FormikHelpers } from 'formik';
 import Field from '@/components/elements/Field';
 import { join } from 'path';
 import renameFile from '@/api/server/files/renameFile';
@@ -19,7 +19,7 @@ export default ({ file, useMoveTerminology, ...props }: Props) => {
     const directory = ServerContext.useStoreState(state => state.files.directory);
     const { pushFile, removeFile } = ServerContext.useStoreActions(actions => actions.files);
 
-    const submit = (values: FormikValues, { setSubmitting }: FormikActions<FormikValues>) => {
+    const submit = (values: FormikValues, { setSubmitting }: FormikHelpers<FormikValues>) => {
         const renameFrom = join(directory, file.name);
         const renameTo = join(directory, values.name);