From ecbccfbe6f0d9ff665a450ba697e2d587c166a71 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Wed, 10 Nov 2021 19:50:40 -0300
Subject: [PATCH] Fixing bug in PasswordFormField

---
 src/app/components/forms/PasswordFormField.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/app/components/forms/PasswordFormField.js b/src/app/components/forms/PasswordFormField.js
index fe586c5..f75dce3 100644
--- a/src/app/components/forms/PasswordFormField.js
+++ b/src/app/components/forms/PasswordFormField.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import ErrorMessage from "./ErrorMessage";
 import { useFormikContext } from "formik";
 import {
@@ -18,8 +18,7 @@ function PasswordFormField({
   paddingRight = 16,
   ...otherProps
 }) {
-  const { values, setFieldTouched, errors, touched } = useFormikContext();
-  const [fieldVal, setFieldVal] = useState(values[name]);
+  const { values, setFieldTouched, setFieldValue, errors, touched } = useFormikContext();
   const [hidePswd, setHidePswd] = useState(true);
 
   return (
@@ -28,10 +27,8 @@ function PasswordFormField({
         <TextInput
           flex={1}
           onBlur={() => setFieldTouched(name)}
-          onChangeText={(val) => {
-            setFieldVal(val);
-          }}
-          value={fieldVal.toString()}
+          onChangeText={(v) => setFieldValue(name, v, true)}
+          value={values[name]?.toString()}
           style={defaultStyles.text}
           height={48}
           secureTextEntry={hidePswd}