moved it outside

web/src/app/admin/bots/SlackTokensForm.tsx

@@ -24,7 +24,14 @@ export const SlackTokensForm = ({
   setPopup: (popup: { message: string; type: "error" | "success" }) => void;
   router: any;
   onValuesChange?: (values: any) => void;
-}) => (
+}) => {
+  useEffect(() => {
+    if (onValuesChange) {
+      onValuesChange(initialValues);
+    }
+  }, [initialValues]);
+
+  return (
     <Formik
       initialValues={initialValues}
       validationSchema={Yup.object().shape({
@@ -68,12 +75,7 @@ export const SlackTokensForm = ({
       }}
       enableReinitialize={true}
     >
-    {({ isSubmitting, setFieldValue, values }) => {
+      {({ isSubmitting, setFieldValue, values }) => (
-      useEffect(() => {
-        onValuesChange?.(values);
-      }, [values, onValuesChange]);
-
-      return (
         <Form className="w-full">
           {!isUpdate && (
             <div className="">
@@ -126,7 +128,7 @@ export const SlackTokensForm = ({
             </Button>
           </div>
         </Form>
-      );
+      )}
-    }}
     </Formik>
   );
+};