update

src/components/ChangePassword/ChangePasswordForm.tsx

@@ -93,11 +93,7 @@ const ChagnePasswordForm: React.FC<PasswordRulesProps> = ({ pwRules:rules }) =>
       }
     });
   };
-
-  if (!/[-!@#$%^&=+_*(),.?":{}|<>]/.test('12')) {
-    console.log(!/[-!@#$%^&=+_*(),.?":{}|<>]/.test('12'))
-  }
-
+  
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     // Update the theme with the new color based on the input value
     const newInputValue = event.target.value;
@@ -191,9 +187,7 @@ const ChagnePasswordForm: React.FC<PasswordRulesProps> = ({ pwRules:rules }) =>
                     component: (props) => {
                       return (
                         <FormHelperText {...props}>
-                          {(props.children as string[]).map((line, index) => {
-                            console.log(index, getColorFromInput(inputValue, msgList)[index])
-                            return (
+                          {(props.children as string[]).map((line, index) => (
                             <span
                               key={index}
                               style={{
@@ -210,11 +204,11 @@ const ChagnePasswordForm: React.FC<PasswordRulesProps> = ({ pwRules:rules }) =>
                               )}
                               {line}
                               {index <
-                                (props.children as string[]).length && (
+                                (props.children as string[]).length - 1 && (
                                 <br />
                               )}
                             </span>
-                          )}
+                          )
                           )}
                         </FormHelperText>
                       );