fix: Incorrect PIN error not showing up on Android PIN verify screen (#1860)

Signed-off-by: Christian <christian.lippa@ontario.ca>

Author: LippaC-OPS

.changeset/nice-emus-sin.md

@@ -0,0 +1,5 @@
+---
+'@bifold/core': patch
+---
+
+Fix incorrect pin error not appearing in new pin design on Android

packages/core/src/screens/PINVerify.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Keyboard, StyleSheet, View } from 'react-native'
 
@@ -43,10 +43,6 @@ const PINVerify: React.FC<PINVerifyProps> = ({ setAuthenticated, usage = PINEntr
   const [{ preventScreenCapture }, inlineMessages] = useServices([TOKENS.CONFIG, TOKENS.INLINE_ERRORS])
   usePreventScreenCapture(preventScreenCapture)
 
-  useEffect(() => {
-    setInlineMessageField(undefined)
-  }, [PIN])
-
   const clearAlertModal = useCallback(() => {
     setAlertModalVisible(false)
     usage !== PINEntryUsage.ChangePIN && setAuthenticated(false)
@@ -161,6 +157,7 @@ const PINVerify: React.FC<PINVerifyProps> = ({ setAuthenticated, usage = PINEntr
           </ThemedText>
           <PINInput
             onPINChanged={async (userPinInput: string) => {
+              setInlineMessageField(undefined)
               setPIN(userPinInput)
               if (userPinInput.length === minPINLength) {
                 Keyboard.dismiss()