Clear up typechecking errors

package.json

@@ -14,7 +14,7 @@
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\""
   },
   "dependencies": {
-    "@alephium/sdk": "0.0.12",
+    "@alephium/sdk": "^0.0.14",
     "@craftzdog/react-native-buffer": "^6.0.4",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-navigation/native": "^6.0.10",

src/screens/LoginScreen.tsx

@@ -63,28 +63,32 @@ const LoginScreen = ({ navigation, route }: ScreenProps) => {
     }, [])
   )
 
+  const openWallet = useCallback(async () => {
+    const wallet = await walletOpenAsyncUnsafe(pinCode, storedActiveEncryptedWallet.mnemonic, pbkdf2, mnemonicToSeed)
+    dispatch(
+      activeWalletChanged({
+        ...storedActiveEncryptedWallet,
+        mnemonic: wallet.mnemonic
+      })
+    )
+    setPinCode('')
+    navigation.navigate('DashboardScreen')
+  }, [dispatch, pinCode, storedActiveEncryptedWallet, navigation])
+
   useEffect(() => {
     if (!pinFullyEntered) return
 
     setLoading(true)
 
     try {
       dispatch(pinEntered(pinCode))
-      const wallet = await walletOpenAsyncUnsafe(pinCode, storedActiveEncryptedWallet.mnemonic, pbkdf2, mnemonicToSeed)
-      dispatch(
-        activeWalletChanged({
-          ...storedActiveEncryptedWallet,
-          mnemonic: wallet.mnemonic
-        })
-      )
-      setPinCode('')
-      navigation.navigate('DashboardScreen')
+      openWallet()
     } catch (e) {
       setShownInstructions(errorInstructionSet)
       setPinCode('')
       console.error(`Could not unlock wallet ${storedActiveEncryptedWallet.name}`, e)
     }
-  }, [dispatch, pinCode, pinFullyEntered, storedActiveEncryptedWallet, navigation])
+  }, [dispatch, pinCode, pinFullyEntered, openWallet, storedActiveEncryptedWallet])
 
   return (
     <Screen style={{ marginTop: 40 }}>

src/screens/NewAddressScreen.tsx

@@ -24,7 +24,7 @@ import {
   walletImportAsyncUnsafe
 } from '@alephium/sdk'
 import { StackScreenProps } from '@react-navigation/stack'
-import { useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { ScrollView, StyleSheet, View } from 'react-native'
 import RNPickerSelect from 'react-native-picker-select'
 import styled from 'styled-components/native'
@@ -69,13 +69,17 @@ const NewAddressScreen = ({ navigation }: ScreenProps) => {
     color: coloredLabel?.color
   }
 
-  useEffect(() => {
+  const importWallet = useCallback(async () => {
     const wallet = await walletImportAsyncUnsafe(mnemonicToSeed, activeWallet.mnemonic)
     setSeed(wallet.seed)
     generateNewAddress(wallet.seed)
+  }, [activeWallet])
+
+  useEffect(() => {
+    importWallet()
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
+  }, [importWallet])
 
   const generateNewAddress = (seed?: Buffer, inGroup?: number) => {
     if (!seed) return

src/utils/crypto.ts

@@ -18,9 +18,9 @@ along with the library. If not, see <http://www.gnu.org/licenses/>.
 
 import rnPbkdf2 from 'react-native-fast-pbkdf2'
 
-export const pbkdf2 = (password: string, salt: Buffer): Promise<Buffer> => {
+export const pbkdf2 = async (password: string, salt: Buffer): Promise<Buffer> => {
   const _salt = salt.toString('base64')
-  const data = rnPbkdf2.derive(password, _salt, 10000, 32, 'sha-256')
+  const data = await rnPbkdf2.derive(password, _salt, 10000, 32, 'sha-256')
   return Buffer.from(data, 'base64')
 }