fix: app crash on Home Screen (#1784)

Signed-off-by: Mostafa Gamal <moscd3@gmail.com>

Author: MosCD3

.changeset/fifty-weeks-worry.md

@@ -0,0 +1,5 @@
+---
+'@bifold/core': patch
+---
+
+Fix endless loop in notifications hook

packages/core/package.json

@@ -4,15 +4,17 @@
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/src/index.d.ts",
-  "react-native": "./lib/commonjs/index.js",
+  "react-native": "./src/index.ts",
   "source": "src/index.ts",
   "exports": {
     ".": {
+      "react-native": "./src/index.ts",
       "import": "./lib/module/index.js",
       "require": "./lib/commonjs/index.js",
       "types": "./lib/typescript/src/index.d.ts"
     },
     "./utils/ledger": {
+      "react-native": "./src/index.ts",
       "import": "./lib/module/utils/ledger.js",
       "require": "./lib/commonjs/utils/ledger.js",
       "types": "./lib/typescript/src/utils/ledger.d.ts"

packages/core/src/hooks/notifications.ts

@@ -10,7 +10,7 @@ import {
 } from '@credo-ts/core'
 import { useBasicMessages, useCredentialByState, useProofByState } from '@bifold/react-hooks'
 import { ProofCustomMetadata, ProofMetadata } from '@bifold/verifier'
-import { useEffect, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 import {
   BasicMessageMetadata,
@@ -44,13 +44,15 @@ export const useNotifications = ({
   openIDUri,
   openIDPresentationUri,
 }: NotificationsInputProps): NotificationReturnType => {
+  const doneStates = useMemo(() => [ProofState.Done, ProofState.PresentationReceived] as ProofState[], [])
+
   const [notifications, setNotifications] = useState<NotificationReturnType>([])
   const { records: basicMessages } = useBasicMessages()
   const offers = useCredentialByState(CredentialState.OfferReceived)
   const proofsRequested = useProofByState(ProofState.RequestReceived)
   const credsReceived = useCredentialByState(CredentialState.CredentialReceived)
   const credsDone = useCredentialByState(CredentialState.Done)
-  const proofsDone = useProofByState([ProofState.Done, ProofState.PresentationReceived])
+  const proofsDone = useProofByState(doneStates)
   const openIDCredRecieved = useOpenID({ openIDUri: openIDUri, openIDPresentationUri: openIDPresentationUri })
   const openIDExpiredNotifs = useExpiredNotifications()
   useEffect(() => {

samples/app/metro.config.js

@@ -83,7 +83,7 @@ const config = mergeConfig(defaultConfig, {
     tslib: path.join(__dirname, 'node_modules/tslib'),
     assetExts: assetExts.filter((ext) => ext !== 'svg'),
     sourceExts: [...sourceExts, 'svg', 'cjs'],
-    unstable_enablePackageExports: true,
+    unstable_enablePackageExports: false,
     unstable_conditionNames: ['react-native', 'require', 'browser'],
   },
   watchFolders: combinedWatchFolders,