Fix Bug where Key wouldn't have last letter of Name when auto generated

src/components/flags/FlagForm.tsx

@@ -89,15 +89,12 @@ export default function FlagForm(props: FlagFormProps) {
                     name="name"
                     id="name"
                     handleChange={(e) => {
-                      // remove the character that was just added before comparing
-                      const previousName = formik.values.name.slice(0, -1);
-
                       // check if the name and key are currently in sync
                       // we do this so we don't override a custom key value
                       if (
                         isNew &&
                         (formik.values.key === '' ||
-                          formik.values.key === stringAsKey(previousName))
+                          formik.values.key === stringAsKey(formik.values.name))
                       ) {
                         formik.setFieldValue(
                           'key',

src/components/segments/SegmentForm.tsx

@@ -87,15 +87,12 @@ export default function SegmentForm(props: SegmentFormProps) {
                   name="name"
                   id="name"
                   handleChange={(e) => {
-                    // remove the character that was just added before comparing
-                    const previousName = formik.values.name.slice(0, -1);
-
                     // check if the name and key are currently in sync
                     // we do this so we don't override a custom key value
                     if (
                       isNew &&
                       (formik.values.key === '' ||
-                        formik.values.key === stringAsKey(previousName))
+                        formik.values.key === stringAsKey(formik.values.name))
                     ) {
                       formik.setFieldValue('key', stringAsKey(e.target.value));
                     }