fix type check issues and setting of rollover enabled 🙄

x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/min_age_input.tsx

@@ -212,7 +212,7 @@ export const MinAgeInput = <Phase extends PhaseWithMinAge>({
           <EuiFieldNumber
             id={`${phase}-${selectedMinimumAgeProperty}`}
             value={phaseData.selectedMinimumAge}
-            onChange={async (e) => {
+            onChange={(e) => {
               setPhaseData(selectedMinimumAgeProperty, e.target.value);
             }}
             min={0}

x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/phases/hot_phase/hot_phase.tsx

@@ -4,16 +4,14 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React, { Fragment, FunctionComponent } from 'react';
+import React, { Fragment, FunctionComponent, useEffect } from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { i18n } from '@kbn/i18n';
 import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiSpacer,
   EuiFieldNumber,
-  EuiSwitch,
-  EuiFormRow,
   EuiDescribedFormGroup,
   EuiCallOut,
 } from '@elastic/eui';
@@ -136,6 +134,10 @@ export const HotPhase: FunctionComponent<{ setWarmPhaseOnRollover: (v: boolean)
   const form = useFormContext();
   const isShowingErrors = form.isValid === false;
 
+  useEffect(() => {
+    setWarmPhaseOnRollover(isRolloverEnabled);
+  }, [setWarmPhaseOnRollover, isRolloverEnabled]);
+
   return (
     <>
       <EuiDescribedFormGroup