From 3470ea049ae58ec660377533090a4c83d3b20b0d Mon Sep 17 00:00:00 2001
From: cmeng <cmenginnz@gmail.com>
Date: Thu, 2 Feb 2023 09:59:17 +1300
Subject: [PATCH] fix(update): prevent formik reinitialize [EE-4962] (#8426)

---
 .../update-schedules/CreateView/CreateView.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx b/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx
index 538fa55b2..59a2ca926 100644
--- a/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx
+++ b/app/react/portainer/environments/update-schedules/CreateView/CreateView.tsx
@@ -1,3 +1,4 @@
+import { useMemo } from 'react';
 import { Settings } from 'lucide-react';
 import { Formik, Form as FormikForm } from 'formik';
 import { useRouter } from '@uirouter/react';
@@ -25,13 +26,16 @@ import { defaultValue } from '../common/ScheduledTimeField';
 export default withLimitToBE(CreateView);
 
 function CreateView() {
-  const initialValues: FormValues = {
-    name: '',
-    groupIds: [],
-    type: ScheduleType.Update,
-    version: '',
-    scheduledTime: defaultValue(),
-  };
+  const initialValues = useMemo<FormValues>(
+    () => ({
+      name: '',
+      groupIds: [],
+      type: ScheduleType.Update,
+      version: '',
+      scheduledTime: defaultValue(),
+    }),
+    []
+  );
 
   const schedulesQuery = useList();