openwallet-foundation / bifold-wallet

Aries Mobile Agent React Native - Part of the Aries Bifold effort to provide SSI capabilities in a production ready app.
Apache License 2.0
144 stars 135 forks source link

[bug] npm install not work #608

Closed tpaciorek closed 1 year ago

tpaciorek commented 1 year ago

aries-mobile-agent-react-native$ rm -rf app/node_modules aries-mobile-agent-react-native$ rm -rf core/node_modules aries-mobile-agent-react-native$ npm install

log pm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!

bifold-main@0.0.1 prepare /home/tpaciorek/project/2023/aries-mobile-agent-react-native run-s ci:all build:all

bifold-main@0.0.1 ci:all /home/tpaciorek/project/2023/aries-mobile-agent-react-native run-s ci:core ci:app

bifold-main@0.0.1 ci:core /home/tpaciorek/project/2023/aries-mobile-agent-react-native cd core && npm ci

core-js@3.18.0 postinstall /home/tpaciorek/project/2023/aries-mobile-agent-react-native/core/node_modules/core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js:

https://opencollective.com/core-js https://patreon.com/zloirock https://paypal.me/zloirock bitcoin: bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

aries-bifold@0.0.1 postinstall /home/tpaciorek/project/2023/aries-mobile-agent-react-native/core npx patch-package

patch-package 6.4.7 Applying patches... Error: Patch file found for package react-hooks which is not present at node_modules/@aries-framework/react-hooks Error: Patch file found for package react-native-gifted-chat which is not present at node_modules/react-native-gifted-chat

patch-package finished with 2 error(s). added 1500 packages in 11.014s

bifold-main@0.0.1 ci:app /home/tpaciorek/project/2023/aries-mobile-agent-react-native cd app && npm ci

aries-bifold@0.0.1 postinstall /home/tpaciorek/project/2023/aries-mobile-agent-react-native/app/node_modules/aries-bifold npx patch-package

patch-package 6.4.7 Applying patches... Error: Patch file found for package react-hooks which is not present at node_modules/@aries-framework/react-hooks Error: Patch file found for package react-native-gifted-chat which is not present at node_modules/react-native-gifted-chat

patch-package finished with 2 error(s).

aries-bifold-app@0.0.1 postinstall /home/tpaciorek/project/2023/aries-mobile-agent-react-native/app patch-package

patch-package 6.4.7 Applying patches... @aries-framework/react-hooks@0.3.0 ✔ react-native-gifted-chat@0.16.3 ✔

Warning: patch-package detected a patch file version mismatch

Don't worry! This is probably fine. The patch was still applied successfully. Here's the deets:

Patch file created for

@aries-framework/react-hooks@0.3.0

applied to

@aries-framework/react-hooks@0.4.0

At path

node_modules/@aries-framework/react-hooks

This warning is just to give you a heads-up. There is a small chance of breakage even though the patch was applied successfully. Make sure the package still behaves like you expect (you wrote tests, right?) and then run

patch-package @aries-framework/react-hooks

to update the version in the patch file name and make this warning go away.


patch-package finished with 1 warning(s). added 1093 packages in 14.682s

bifold-main@0.0.1 build:all /home/tpaciorek/project/2023/aries-mobile-agent-react-native run-s build:core build:app

bifold-main@0.0.1 build:core /home/tpaciorek/project/2023/aries-mobile-agent-react-native cd core && npm run prepack

aries-bifold@0.0.1 prepack /home/tpaciorek/project/2023/aries-mobile-agent-react-native/core bob build

ℹ Building target commonjs ℹ Cleaning up previous build at lib/commonjs ℹ Compiling 178 files in App with babel Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating ✔ Wrote files to lib/commonjs ℹ Building target module ℹ Cleaning up previous build at lib/module ℹ Compiling 178 files in App with babel ✔ Wrote files to lib/module ℹ Building target typescript ℹ Cleaning up previous build at lib/typescript ℹ Generating type definitions with tsc App/components/buttons/HeaderRightHome.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'


App/components/buttons/HeaderRightHome.tsx:3:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

3 import { useTranslation } from 'react-i18next'

App/components/chat/ChatBubble.tsx:2:24 - error TS2307: Cannot find module 'react-native-gifted-chat' or its corresponding type declarations.

2 import { Bubble } from 'react-native-gifted-chat'


App/components/chat/MessageInput.tsx:2:46 - error TS2307: Cannot find module 'react-native-gifted-chat' or its corresponding type declarations.

2 import { Composer, InputToolbar, Send } from 'react-native-gifted-chat'

App/components/inputs/PINInput.tsx:2:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

2 import { useTranslation } from 'react-i18next'


App/components/inputs/PINInput.tsx:4:48 - error TS2307: Cannot find module 'react-native-confirmation-code-field' or its corresponding type declarations.

4 import { CodeField, useClearByFocusCell } from 'react-native-confirmation-code-field'

App/components/inputs/PINInput.tsx:81:28 - error TS7031: Binding element 'index' implicitly has an 'any' type.

81 renderCell={({ index, symbol, isFocused }) => {


App/components/inputs/PINInput.tsx:81:35 - error TS7031: Binding element 'symbol' implicitly has an 'any' type.

81             renderCell={({ index, symbol, isFocused }) => {

App/components/inputs/PINInput.tsx:81:43 - error TS7031: Binding element 'isFocused' implicitly has an 'any' type.

81 renderCell={({ index, symbol, isFocused }) => {


App/components/listItems/ContactListItem.tsx:1:39 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import type { ConnectionRecord } from '@aries-framework/core'

App/components/listItems/ContactListItem.tsx:3:37 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

3 import { StackNavigationProp } from '@react-navigation/stack'


App/components/listItems/ContactListItem.tsx:5:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

5 import { useTranslation } from 'react-i18next'

App/components/listItems/NotificationListItem.tsx:1:68 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import type { CredentialExchangeRecord, ProofExchangeRecord } from '@aries-framework/core'


App/components/listItems/NotificationListItem.tsx:3:46 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

3 import { V1RequestPresentationMessage } from '@aries-framework/core'

App/components/listItems/NotificationListItem.tsx:4:26 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

4 import { useAgent } from '@aries-framework/react-hooks'


App/components/listItems/NotificationListItem.tsx:5:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

5 import { useNavigation } from '@react-navigation/core'

App/components/listItems/NotificationListItem.tsx:6:37 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

...................................

1 import { useFocusEffect } from '@react-navigation/native'


App/screens/Connection.tsx:2:34 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

2 import { StackScreenProps } from '@react-navigation/stack'

App/screens/Connection.tsx:4:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

4 import { useTranslation } from 'react-i18next'


App/screens/Connection.tsx:6:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

6 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/ContactDetails.tsx:1:33 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialState } from '@aries-framework/core'


App/screens/ContactDetails.tsx:2:67 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useAgent, useConnectionById, useCredentialByState } from '@aries-framework/react-hooks'

App/screens/ContactDetails.tsx:3:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

3 import { useNavigation } from '@react-navigation/core'


App/screens/ContactDetails.tsx:4:55 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

4 import { StackNavigationProp, StackScreenProps } from '@react-navigation/stack'

App/screens/ContactDetails.tsx:6:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

6 import { useTranslation } from 'react-i18next'


App/screens/ContactDetails.tsx:8:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

8 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/ContactDetails.tsx:9:19 - error TS2307: Cannot find module 'react-native-toast-message' or its corresponding type declarations.

9 import Toast from 'react-native-toast-message'


App/screens/CredentialDetails.tsx:1:39 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

1 import type { StackScreenProps } from '@react-navigation/stack'

App/screens/CredentialDetails.tsx:3:42 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

3 import { CredentialExchangeRecord } from '@aries-framework/core'


App/screens/CredentialDetails.tsx:4:45 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

4 import { useAgent, useCredentialById } from '@aries-framework/react-hooks'

App/screens/CredentialDetails.tsx:6:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

6 import { useTranslation } from 'react-i18next'


App/screens/CredentialDetails.tsx:8:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

8 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/CredentialDetails.tsx:9:19 - error TS2307: Cannot find module 'react-native-toast-message' or its corresponding type declarations.

9 import Toast from 'react-native-toast-message'


App/screens/CredentialDetails.tsx:89:63 - error TS7006: Parameter 'c' implicitly has an 'any' type.

89     const indyCredentialFormat = credential.credentials.find((c) => c.credentialRecordType === 'indy')
                                                                 ~

App/screens/CredentialOffer.tsx:1:94 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialExchangeRecord, CredentialMetadataKeys, CredentialPreviewAttribute } from '@aries-framework/core'

App/screens/CredentialOffer.tsx:2:45 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useAgent, useCredentialById } from '@aries-framework/react-hooks'


App/screens/CredentialOffer.tsx:3:34 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

3 import { StackScreenProps } from '@react-navigation/stack'

App/screens/CredentialOffer.tsx:5:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

5 import { useTranslation } from 'react-i18next'


App/screens/CredentialOffer.tsx:7:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

7 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/CredentialOffer.tsx:106:61 - error TS7031: Binding element 'offer' implicitly has an 'any' type.

106 agent?.credentials.getFormatData(credential.id).then(({ offer, offerAttributes }) => {


App/screens/CredentialOffer.tsx:106:68 - error TS7031: Binding element 'offerAttributes' implicitly has an 'any' type.

106     agent?.credentials.getFormatData(credential.id).then(({ offer, offerAttributes }) => {

App/screens/CredentialOffer.tsx:112:68 - error TS7006: Parameter 'item' implicitly has an 'any' type.

112 credential.credentialAttributes = [...offerAttributes.map((item) => new CredentialPreviewAttribute(item))]


App/screens/CredentialOfferAccept.tsx:1:33 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialState } from '@aries-framework/core'

App/screens/CredentialOfferAccept.tsx:2:35 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useCredentialById } from '@aries-framework/react-hooks'


App/screens/CredentialOfferAccept.tsx:3:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

3 import { useNavigation } from '@react-navigation/core'

App/screens/CredentialOfferAccept.tsx:5:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

5 import { useTranslation } from 'react-i18next'


App/screens/CredentialOfferAccept.tsx:7:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

7 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/Home.tsx:1:26 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

1 import { useAgent } from '@aries-framework/react-hooks'


App/screens/Home.tsx:2:34 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

2 import { StackScreenProps } from '@react-navigation/stack'

App/screens/Home.tsx:4:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

4 import { useTranslation } from 'react-i18next'


App/screens/Home.tsx:6:28 - error TS2307: Cannot find module 'react-native-gesture-handler' or its corresponding type declarations.

6 import { ScrollView } from 'react-native-gesture-handler'

App/screens/Language.tsx:2:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

2 import { useTranslation } from 'react-i18next'


App/screens/Language.tsx:4:28 - error TS2307: Cannot find module 'react-native-bouncy-checkbox' or its corresponding type declarations.

4 import BouncyCheckbox from 'react-native-bouncy-checkbox'

App/screens/Language.tsx:5:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

5 import { SafeAreaView } from 'react-native-safe-area-context'


App/screens/ListContacts.tsx:1:32 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { ConnectionType } from '@aries-framework/core'

App/screens/ListContacts.tsx:2:32 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useConnections } from '@aries-framework/react-hooks'


App/screens/ListContacts.tsx:17:39 - error TS7006: Parameter 'r' implicitly has an 'any' type.

17   const connections = records.filter((r) => !r.connectionTypes.includes(ConnectionType.Mediator))
                                         ~

App/screens/ListCredentials.tsx:1:33 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialState } from '@aries-framework/core'

App/screens/ListCredentials.tsx:2:38 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useCredentialByState } from '@aries-framework/react-hooks'


App/screens/ListCredentials.tsx:3:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

3 import { useNavigation } from '@react-navigation/core'

App/screens/ListCredentials.tsx:4:37 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

4 import { StackNavigationProp } from '@react-navigation/stack'


App/screens/ListCredentials.tsx:6:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

6 import { useTranslation } from 'react-i18next'

App/screens/Onboarding.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'


App/screens/Onboarding.tsx:2:32 - error TS2307: Cannot find module '@react-navigation/native' or its corresponding type declarations.

2 import { useFocusEffect } from '@react-navigation/native'

App/screens/Onboarding.tsx:3:37 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

3 import { StackNavigationProp } from '@react-navigation/stack'


App/screens/Onboarding.tsx:5:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

5 import { useTranslation } from 'react-i18next'

App/screens/Onboarding.tsx:7:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

7 import { SafeAreaView } from 'react-native-safe-area-context'


App/screens/OnboardingPages.tsx:2:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

2 import { useTranslation } from 'react-i18next'

App/screens/OnboardingPages.tsx:4:26 - error TS2307: Cannot find module 'react-native-svg' or its corresponding type declarations.

4 import { SvgProps } from 'react-native-svg'


App/screens/PINCreate.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'

App/screens/PINCreate.tsx:2:37 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

2 import { StackNavigationProp } from '@react-navigation/stack'


App/screens/PINCreate.tsx:4:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

4 import { useTranslation } from 'react-i18next'

App/screens/PINCreate.tsx:17:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

17 import { SafeAreaView } from 'react-native-safe-area-context'


App/screens/PINEnter.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'

App/screens/PINEnter.tsx:3:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

3 import { useTranslation } from 'react-i18next'


App/screens/PINEnter.tsx:5:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

5 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/PINRecreate.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'


App/screens/PINRecreate.tsx:2:37 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

2 import { StackNavigationProp } from '@react-navigation/stack'

App/screens/PINRecreate.tsx:4:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

4 import { useTranslation } from 'react-i18next'


App/screens/PINRecreate.tsx:6:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

6 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/ProofRequest.tsx:1:39 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

1 import type { StackScreenProps } from '@react-navigation/stack'


App/screens/ProofRequest.tsx:8:8 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

8 } from '@aries-framework/core'

App/screens/ProofRequest.tsx:9:59 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

9 import { useAgent, useConnectionById, useProofById } from '@aries-framework/react-hooks'


App/screens/ProofRequest.tsx:11:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

11 import { useTranslation } from 'react-i18next'

App/screens/ProofRequest.tsx:13:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

13 import { SafeAreaView } from 'react-native-safe-area-context'


App/screens/ProofRequestAccept.tsx:1:28 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { ProofState } from '@aries-framework/core'

App/screens/ProofRequestAccept.tsx:2:30 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useProofById } from '@aries-framework/react-hooks'


App/screens/ProofRequestAccept.tsx:3:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

3 import { useNavigation } from '@react-navigation/core'

App/screens/ProofRequestAccept.tsx:5:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

5 import { useTranslation } from 'react-i18next'


App/screens/ProofRequestAccept.tsx:7:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

7 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/ProofRequestAttributeDetails.tsx:1:37 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { ProofExchangeRecord } from '@aries-framework/core'


App/screens/ProofRequestAttributeDetails.tsx:2:56 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useAgent, useCredentials, useProofById } from '@aries-framework/react-hooks'

App/screens/ProofRequestAttributeDetails.tsx:3:34 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

3 import { StackScreenProps } from '@react-navigation/stack'


App/screens/ProofRequestAttributeDetails.tsx:6:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

6 import { useTranslation } from 'react-i18next'

App/screens/ProofRequestAttributeDetails.tsx:8:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

8 import { SafeAreaView } from 'react-native-safe-area-context'


App/screens/ProofRequestAttributeDetails.tsx:119:6 - error TS7006: Parameter 'credential' implicitly has an 'any' type.

119     (credential) => !!credential.credentials.find((c) => c.credentialRecordId === matchingAttribute?.credentialId)

App/screens/ProofRequestAttributeDetails.tsx:119:52 - error TS7006: Parameter 'c' implicitly has an 'any' type.

119 (credential) => !!credential.credentials.find((c) => c.credentialRecordId === matchingAttribute?.credentialId) ~

App/screens/Scan.tsx:1:39 - error TS2307: Cannot find module 'react-native-camera' or its corresponding type declarations.

1 import type { BarCodeReadEvent } from 'react-native-camera'


App/screens/Scan.tsx:3:26 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

3 import { useAgent } from '@aries-framework/react-hooks'

App/screens/Scan.tsx:4:34 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

4 import { StackScreenProps } from '@react-navigation/stack'


App/screens/Scan.tsx:6:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

6 import { useTranslation } from 'react-i18next'

App/screens/Scan.tsx:8:66 - error TS2307: Cannot find module 'react-native-permissions' or its corresponding type declarations.

8 import { check, Permission, PERMISSIONS, request, RESULTS } from 'react-native-permissions'


App/screens/Scan.tsx:9:19 - error TS2307: Cannot find module 'react-native-toast-message' or its corresponding type declarations.

9 import Toast from 'react-native-toast-message'

App/screens/Settings.tsx:1:34 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

1 import { StackScreenProps } from '@react-navigation/stack'


App/screens/Settings.tsx:3:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

3 import { useTranslation } from 'react-i18next'

App/screens/Settings.tsx:5:44 - error TS2307: Cannot find module 'react-native-device-info' or its corresponding type declarations.

5 import { getVersion, getBuildNumber } from 'react-native-device-info'


App/screens/Settings.tsx:6:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

6 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/Splash.tsx:9:8 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

9 } from '@aries-framework/core'


App/screens/Splash.tsx:10:26 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

10 import { useAgent } from '@aries-framework/react-hooks'

App/screens/Splash.tsx:11:35 - error TS2307: Cannot find module '@aries-framework/react-native' or its corresponding type declarations.

11 import { agentDependencies } from '@aries-framework/react-native'


App/screens/Splash.tsx:12:26 - error TS2307: Cannot find module '@react-native-async-storage/async-storage' or its corresponding type declarations.

12 import AsyncStorage from '@react-native-async-storage/async-storage'

App/screens/Splash.tsx:13:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

13 import { useNavigation } from '@react-navigation/core'


App/screens/Splash.tsx:15:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

15 import { useTranslation } from 'react-i18next'

App/screens/Splash.tsx:17:24 - error TS2307: Cannot find module 'react-native-config' or its corresponding type declarations.

17 import { Config } from 'react-native-config'


App/screens/Splash.tsx:18:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

18 import { SafeAreaView } from 'react-native-safe-area-context'

App/screens/Splash.tsx:19:19 - error TS2307: Cannot find module 'react-native-toast-message' or its corresponding type declarations.

19 import Toast from 'react-native-toast-message'


App/screens/Terms.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'

App/screens/Terms.tsx:2:37 - error TS2307: Cannot find module '@react-navigation/stack' or its corresponding type declarations.

2 import { StackNavigationProp } from '@react-navigation/stack'


App/screens/Terms.tsx:4:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

4 import { useTranslation } from 'react-i18next'

App/screens/Terms.tsx:6:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

6 import { SafeAreaView } from 'react-native-safe-area-context'


App/screens/UseBiometry.tsx:2:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

2 import { useTranslation } from 'react-i18next'

App/screens/UseBiometry.tsx:4:30 - error TS2307: Cannot find module 'react-native-safe-area-context' or its corresponding type declarations.

4 import { SafeAreaView } from 'react-native-safe-area-context'


App/screens/WhatAreContacts.tsx:2:32 - error TS2307: Cannot find module 'react-i18next' or its corresponding type declarations.

2 import { useTranslation } from 'react-i18next'

App/services/keychain.ts:2:52 - error TS2307: Cannot find module 'react-native-keychain' or its corresponding type declarations.

2 import Keychain, { getSupportedBiometryType } from 'react-native-keychain'


App/services/keychain.ts:3:18 - error TS2307: Cannot find module 'react-native-uuid' or its corresponding type declarations.

3 import uuid from 'react-native-uuid'

App/theme.ts:2:26 - error TS2307: Cannot find module 'react-native-svg' or its corresponding type declarations.

2 import { SvgProps } from 'react-native-svg'


App/types/navigators.ts:1:39 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { NavigatorScreenParams } from '@react-navigation/core'

App/types/oca.ts:1:66 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialExchangeRecord, CredentialMetadataKeys } from '@aries-framework/core'


App/types/oca.ts:203:72 - error TS7006: Parameter 'item' implicitly has an 'any' type.

203           const _sourceField = credential?.credentialAttributes?.find((item) => item.name === key)

App/types/permissions.ts:1:46 - error TS2307: Cannot find module 'react-native-permissions' or its corresponding type declarations.

1 import { Permission, PermissionStatus } from 'react-native-permissions'


App/utils/cred-def.ts:1:86 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialMetadataKeys, CredentialExchangeRecord as CredentialRecord } from '@aries-framework/core'

App/utils/helpers.ts:10:8 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

10 } from '@aries-framework/core'


App/utils/helpers.ts:11:35 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

11 import { useConnectionById } from '@aries-framework/react-hooks'

App/utils/helpers.ts:13:26 - error TS2307: Cannot find module 'query-string' or its corresponding type declarations.

13 import { parseUrl } from 'query-string'


App/utils/helpers.ts:184:26 - error TS2571: Object is of type 'unknown'.

184   requestedAttributes && requestedAttributes.sort(sortFn)

App/utils/helpers.ts:185:26 - error TS2571: Object is of type 'unknown'.

185 requestedPredicates && requestedPredicates.sort(sortFn)


App/utils/ledger.tsx:1:23 - error TS2307: Cannot find module 'react-native-tcp-socket' or its corresponding type declarations.

1 import TcpSocket from 'react-native-tcp-socket'

App/utils/ledger.tsx:44:74 - error TS7006: Parameter 'g' implicitly has an 'any' type.

44 genesisTransactions = genesisTransactionsAsString.split('\n').map((g) => JSON.parse(g)) ~

App/utils/schema.ts:1:86 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialMetadataKeys, CredentialExchangeRecord as CredentialRecord } from '@aries-framework/core'


__mocks__/@aries-framework/react-hooks.ts:7:8 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

7 } from '@aries-framework/core'

tests/components/CameraDisclosureModal.test.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'


__tests__/screens/CommonDecline.test.tsx:6:8 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

6 } from '@aries-framework/core'

tests/screens/CommonDecline.test.tsx:7:59 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

7 import { useCredentialById, useProofById, useAgent } from '@aries-framework/react-hooks'


__tests__/screens/CommonDecline.test.tsx:8:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

8 import { useNavigation } from '@react-navigation/core'

tests/screens/Connection.test.tsx:2:35 - error TS2307: Cannot find module '@react-navigation/native' or its corresponding type declarations.

2 import { NavigationContext } from '@react-navigation/native'


__tests__/screens/CredentialDetails.test.tsx:1:83 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialMetadataKeys, CredentialExchangeRecord, CredentialState } from '@aries-framework/core'

tests/screens/CredentialDetails.test.tsx:2:35 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useCredentialById } from '@aries-framework/react-hooks'


__tests__/screens/CredentialDetails.test.tsx:3:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

3 import { useNavigation } from '@react-navigation/core'

tests/screens/CredentialOffer.test.tsx:1:60 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialExchangeRecord, ConnectionRecord } from '@aries-framework/core'


__tests__/screens/CredentialOffer.test.tsx:2:54 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useCredentialById, useConnectionById } from '@aries-framework/react-hooks'

tests/screens/CredentialOffer.test.tsx:4:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

4 import { useNavigation } from '@react-navigation/core'


__tests__/screens/CredentialOfferAccept.test.tsx:1:79 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialExchangeRecord as CredentialRecord, CredentialState } from '@aries-framework/core'

tests/screens/CredentialOfferAccept.test.tsx:2:35 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useCredentialById } from '@aries-framework/react-hooks'


__tests__/screens/Home.test.tsx:6:8 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

6 } from '@aries-framework/core'

tests/screens/Home.test.tsx:7:55 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

7 import { useCredentialByState, useProofByState } from '@aries-framework/react-hooks'


__tests__/screens/Home.test.tsx:8:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

8 import { useNavigation } from '@react-navigation/core'

tests/screens/ListCredentials.test.tsx:1:83 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { CredentialMetadataKeys, CredentialExchangeRecord, CredentialState } from '@aries-framework/core'


__tests__/screens/ListCredentials.test.tsx:2:38 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

2 import { useCredentialByState } from '@aries-framework/react-hooks'

tests/screens/ListCredentials.test.tsx:3:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

3 import { useNavigation } from '@react-navigation/core'


__tests__/screens/ProofRequest.test.tsx:10:8 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

10 } from '@aries-framework/core'

tests/screens/ProofRequest.test.tsx:11:44 - error TS2307: Cannot find module '@aries-framework/core/build/decorators/attachment/Attachment' or its corresponding type declarations.

11 import { Attachment, AttachmentData } from '@aries-framework/core/build/decorators/attachment/Attachment'


__tests__/screens/ProofRequest.test.tsx:12:40 - error TS2307: Cannot find module '@aries-framework/react-hooks' or its corresponding type declarations.

12 import { useAgent, useProofById } from '@aries-framework/react-hooks'

tests/screens/ProofRequest.test.tsx:14:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

14 import { useNavigation } from '@react-navigation/core'


__tests__/screens/Scan.test.tsx:1:31 - error TS2307: Cannot find module '@react-navigation/core' or its corresponding type declarations.

1 import { useNavigation } from '@react-navigation/core'

configs/ledgers/indy/index.ts:1:32 - error TS2307: Cannot find module '@aries-framework/core' or its corresponding type declarations.

1 import { IndyPoolConfig } from '@aries-framework/core'



Found 289 errors.

✖ Failed to build definition files.
bob build

build files for publishing

Opcje:
  --help     Pokaż pomoc                                               [boolean]
  --version  Pokaż numer wersji                                        [boolean]

Error: Failed to build definition files.
    at build (/home/tpaciorek/project/2023/aries-mobile-agent-react-native/core/node_modules/react-native-builder-bob/lib/targets/typescript.js:112:11)
    at process._tickCallback (internal/process/next_tick.js:68:7)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! aries-bifold@0.0.1 prepack: `bob build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the aries-bifold@0.0.1 prepack script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/t.paciorek/.npm/_logs/2023-01-31T10_52_41_178Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! bifold-main@0.0.1 build:core: `cd core && npm run prepack`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the bifold-main@0.0.1 build:core script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/t.paciorek/.npm/_logs/2023-01-31T10_52_41_198Z-debug.log
ERROR: "build:core" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! bifold-main@0.0.1 build:all: `run-s build:core build:app`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the bifold-main@0.0.1 build:all script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/t.paciorek/.npm/_logs/2023-01-31T10_52_41_221Z-debug.log
ERROR: "build:all" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! bifold-main@0.0.1 prepare: `run-s ci:all build:all`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the bifold-main@0.0.1 prepare script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/t.paciorek/.npm/_logs/2023-01-31T10_52_41_245Z-debug.log
escapedcat commented 1 year ago

Here you stated you node version is "v10" which is rather Old. Maybe try it with a current version i.e. v18

PenguinTaro commented 1 year ago

Use the node version 16 as mention in the readme file and this error will be resolved.

escapedcat commented 1 year ago

Ah, here: https://github.com/hyperledger/aries-mobile-agent-react-native#compatible-node-version 🎉

selinsezer commented 1 year ago

I do have the mentioned versions and still getting the exact same issue.

PenguinTaro commented 1 year ago

@selinsezer can you share your error logs??

selinsezer commented 1 year ago

@PenguinTaro Here they are:

node -v; npm -v

v16.15.0 8.5.5


npm install

bifold-main@0.0.1 prepare run-s ci:all build:all

bifold-main@0.0.1 ci:all run-s ci:core ci:app

bifold-main@0.0.1 ci:core cd core && npm ci

aries-bifold@0.0.1 postinstall npx patch-package

patch-package 6.4.7 Applying patches... @aries-framework/react-hooks@0.3.0 ✔ react-native-gifted-chat@0.16.3 ✔

added 2858 packages, and audited 2859 packages in 27s

179 packages are looking for funding run npm fund for details

30 vulnerabilities (2 moderate, 17 high, 11 critical)

To address issues that do not require attention, run: npm audit fix

To address all issues possible (including breaking changes), run: npm audit fix --force

Some issues need review, and may require choosing a different dependency.

Run npm audit for details.

bifold-main@0.0.1 ci:app cd app && npm ci

aries-bifold-app@0.0.1 postinstall patch-package

patch-package 6.4.7 Applying patches... @aries-framework/react-hooks@0.3.0 ✔ react-native-gifted-chat@0.16.3 ✔

added 1804 packages, and audited 1806 packages in 33s

134 packages are looking for funding run npm fund for details

22 vulnerabilities (1 moderate, 12 high, 9 critical)

To address issues that do not require attention, run: npm audit fix

To address all issues possible (including breaking changes), run: npm audit fix --force

Some issues need review, and may require choosing a different dependency.

Run npm audit for details.

bifold-main@0.0.1 build:all run-s build:core build:app

bifold-main@0.0.1 build:core cd core && npm run prepack

aries-bifold@0.0.1 prepack bob build

ℹ Building target commonjs ℹ Cleaning up previous build at lib/commonjs ℹ Compiling 179 files in App with babel ✔ Wrote files to lib/commonjs ℹ Building target module ℹ Cleaning up previous build at lib/module ℹ Compiling 179 files in App with babel ✔ Wrote files to lib/module ℹ Building target typescript ℹ Cleaning up previous build at lib/typescript ℹ Generating type definitions with tsc tests/screens/Onboarding.test.tsx:21:6 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

21 <Text testID={'bodyText'}>Hello    ~~~~

tests/screens/Onboarding.test.tsx:24:6 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

24 <Text testID={'bodyText'}>World    ~~~~

App/components/animated/ButtonLoading.tsx:26:8 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

26 <Icon style={{ color: ColorPallet.grayscale.white }} size={35} name="refresh" />    ~~~~

App/components/animated/ConnectionLoading.tsx:45:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

45    ~~~~

App/components/animated/CredentialAdded.tsx:59:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

59    ~~~~

App/components/animated/CredentialAdded.tsx:63:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

63    ~~~~

App/components/animated/CredentialPending.tsx:51:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

51    ~~~~

App/components/animated/LoadingIndicator.tsx:36:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

36 <View style={{ alignItems: 'center', justifyContent: 'center' }} testID={testIdWithKey('LoadingActivityIndicator')}>    ~~~~

App/components/animated/LoadingIndicator.tsx:37:8 - error TS2786: 'Image' cannot be used as a JSX component. Its instance type 'Image' is not a valid JSX element.

37 <Image    ~

App/components/animated/RecordLoading.tsx:37:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

37 <View style={{ flexDirection: 'column' }}>    ~~~~

App/components/animated/RecordLoading.tsx:38:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

38 <View style={[style.rectangle, { width: '35%' }]}>    ~~~~

App/components/animated/RecordLoading.tsx:39:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

39 <View style={[style.rectangle, { width: '85%' }]}>    ~~~~

App/components/animated/RecordLoading.tsx:40:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

40    ~~~~

App/components/animated/RecordLoading.tsx:46:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

46 <View style={[style.container]} testID={testIdWithKey('RecordLoading')}>    ~~~~

App/components/animated/SendingProof.tsx:45:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

45    ~~~~

App/components/animated/SentProof.tsx:63:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

63    ~~~~

App/components/animated/SentProof.tsx:64:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

64 <View style={{ alignItems: 'center' }}>    ~~~~

App/components/animated/SentProof.tsx:70:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

70    ~~~~

App/components/buttons/Button.tsx:32:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

32 <TouchableOpacity    ~~~~

App/components/buttons/Button.tsx:45:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

45 <View    ~~~~

App/components/buttons/Button.tsx:53:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

53 <Text    ~~~~

App/components/buttons/HeaderLeftBack.tsx:40:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

40 <TouchableOpacity    ~~~~

App/components/buttons/HeaderLeftBack.tsx:48:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

48    ~~~~

App/components/buttons/HeaderLeftBack.tsx:49:10 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

49 <Icon name="chevron-left" size={defaultIconSize} color={'white'} />    ~~~~

App/components/buttons/HeaderLeftBack.tsx:50:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

50 {title}    ~~~~

App/components/buttons/HeaderRightHome.tsx:22:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

22 <TouchableOpacity    ~~~~

App/components/buttons/HeaderRightHome.tsx:30:8 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

30 <Icon name="home" size={defaultIconSize} color={'white'} />    ~~~~

App/components/buttons/HeaderRightSkip.tsx:37:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

37 <TouchableOpacity    ~~~~

App/components/buttons/HeaderRightSkip.tsx:45:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

45    ~~~~

App/components/buttons/HeaderRightSkip.tsx:46:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

46 {title}    ~~~~

App/components/chat/MessageInput.tsx:42:6 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

42 <Icon name="arrow-up-circle" size={38} color={props.text ? theme.sendEnabled : theme.sendDisabled} />    ~~~~

App/components/inputs/CheckBoxRow.tsx:33:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

33    ~~~~

App/components/inputs/CheckBoxRow.tsx:34:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

34 <TouchableOpacity    ~~~~

App/components/inputs/CheckBoxRow.tsx:41:12 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

41 <Icon name={'check-box'} size={36} color={Inputs.checkBoxColor.color} />    ~~~~

App/components/inputs/CheckBoxRow.tsx:43:12 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

43 <Icon name={'check-box-outline-blank'} size={36} color={Inputs.checkBoxColor.color} />    ~~~~

App/components/inputs/CheckBoxRow.tsx:46:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

46 {title}    ~~~~

App/components/inputs/PINInput.tsx:64:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

64    ~~~~

App/components/inputs/PINInput.tsx:65:20 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

65 {label && <Text style={[TextTheme.label, { marginBottom: 8 }]}>{label}}    ~~~~

App/components/inputs/PINInput.tsx:66:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

66    ~~~~

App/components/inputs/PINInput.tsx:87:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

87 <View    ~~~~

App/components/inputs/PINInput.tsx:92:20 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

92    ~~~~

App/components/inputs/PINInput.tsx:101:12 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

101 <TouchableOpacity    ~~~~

App/components/inputs/PINInput.tsx:107:14 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

107 <Icon color={PINInputTheme.icon.color} name={showPIN ? 'visibility-off' : 'visibility'} size={30}>    ~~~~

App/components/inputs/SingleSelectBlock.tsx:41:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

41    ~~~~

App/components/inputs/SingleSelectBlock.tsx:43:10 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

43 <TouchableOpacity key={item.id} style={styles.row} onPress={() => handleSelect(item)}>    ~~~~

App/components/inputs/SingleSelectBlock.tsx:45:39 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

45 {item.id === selected.id ? <Icon name={'check'} size={25} color={Inputs.singleSelectIcon.color} /> : null}    ~~~~

App/components/inputs/TextInput.tsx:26:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

26    ~~~~

App/components/inputs/TextInput.tsx:27:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

27 {label}    ~~~~

App/components/inputs/TextInput.tsx:28:8 - error TS2786: 'RNTextInput' cannot be used as a JSX component. Its instance type 'TextInput' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

28 <RNTextInput    ~~~

App/components/listItems/ContactListItem.tsx:48:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

48 <TouchableOpacity    ~~~~

App/components/listItems/ContactListItem.tsx:55:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

55    ~~~~

App/components/listItems/ContactListItem.tsx:56:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

56    ~~~~

App/components/listItems/ContactListItem.tsx:60:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

60    ~~~~

App/components/listItems/ContactListItem.tsx:61:12 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

61    ~~~~

App/components/listItems/NotificationListItem.tsx:223:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

223 <View style={styles.container} testID={testIdWithKey('NotificationListItem')}>    ~~~~

App/components/listItems/NotificationListItem.tsx:224:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

224    ~~~~

App/components/listItems/NotificationListItem.tsx:225:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

225    ~~~~

App/components/listItems/NotificationListItem.tsx:226:12 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

226 <Icon name={'info'} size={iconSize} color={ColorPallet.notification.infoIcon} />    ~~~~

App/components/listItems/NotificationListItem.tsx:228:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

228 <Text style={styles.headerText} testID={testIdWithKey('HeaderText')}>    ~~~~

App/components/listItems/NotificationListItem.tsx:234:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

234    ~~~~

App/components/listItems/NotificationListItem.tsx:235:14 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

235 <TouchableOpacity    ~~~~

App/components/listItems/NotificationListItem.tsx:240:16 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

240 <Icon name={'close'} size={iconSize} color={ColorPallet.notification.infoIcon} />    ~~~~

App/components/listItems/NotificationListItem.tsx:245:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

245    ~~~~

App/components/listItems/NotificationListItem.tsx:246:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

246 <Text style={styles.bodyText} testID={testIdWithKey('BodyText')}>    ~~~~

App/components/misc/ActivityLogLink.tsx:22:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

22 <View style={styles.textContainer} testID={testIdWithKey('ActivityLogLink')}>    ~~~~

App/components/misc/ActivityLogLink.tsx:23:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

23 Your    ~~~~

App/components/misc/ActivityLogLink.tsx:24:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

24    ~~~~

App/components/misc/ActivityLogLink.tsx:25:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

25 activity log    ~~~~

App/components/misc/ActivityLogLink.tsx:26:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

26    ~~~~

App/components/misc/ActivityLogLink.tsx:27:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

27 has been updated    ~~~~

App/components/misc/AvatarView.tsx:25:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

25 <View style={[styles.avatar, { borderColor: hashToRGBA(hashCode(name)) }, style]}>    ~~~~

App/components/misc/AvatarView.tsx:26:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

26 <Text style={ListItems.avatarText} testID={testIdWithKey('AvatarName')}>    ~~~~

App/components/misc/ConnectionAlert.tsx:75:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

75    ~~~~

App/components/misc/ConnectionAlert.tsx:76:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

76    ~~~~

App/components/misc/ConnectionAlert.tsx:77:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

77 {t('ConnectionAlert.AddedContacts')}    ~~~~

App/components/misc/ConnectionAlert.tsx:78:10 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

78 <Icon name={'information-outline'} size={30} style={styles.informationIcon} onPress={toggleInfoCard} />    ~~~~

App/components/misc/ConnectionAlert.tsx:85:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

85    ~~~~

App/components/misc/ConnectionAlert.tsx:86:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

86 {t('ConnectionAlert.PopupIntro')}    ~~~~

App/components/misc/ConnectionAlert.tsx:94:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

94    ~~~~

App/components/misc/ConnectionAlert.tsx:96:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

96    ~~~~

App/components/misc/ConnectionAlert.tsx:101:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

101 {t('ConnectionAlert.PrivacyMessage')}    ~~~~

App/components/misc/ConnectionAlert.tsx:108:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

108    ~~~~

App/components/misc/CredentialCard.tsx:178:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

178    ~~~~

App/components/misc/CredentialCard.tsx:179:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

179 <View testID={testIdWithKey('CredentialCardHeader')} style={[styles.innerHeaderContainer]}>    ~~~~

App/components/misc/CredentialCard.tsx:181:14 - error TS2786: 'Image' cannot be used as a JSX component. Its instance type 'Image' is not a valid JSX element.

181 <Image    ~

App/components/misc/CredentialCard.tsx:191:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

191 <Text    ~~~~

App/components/misc/CredentialCard.tsx:211:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

211 <Text    ~~~~

App/components/misc/CredentialCard.tsx:237:13 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

237 return <View style={styles.bodyContainer} testID={testIdWithKey('CredentialCardBody')}>    ~~~~

App/components/misc/CredentialCard.tsx:242:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

242 <View testID={testIdWithKey('CredentialCardFooter')} style={styles.footerContainer}>    ~~~~

App/components/misc/CredentialCard.tsx:244:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

244    ~~~~

App/components/misc/CredentialCard.tsx:245:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

245 <Text    ~~~~

App/components/misc/CredentialCard.tsx:253:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

253 <Text    ~~~~

App/components/misc/CredentialCard.tsx:290:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

290 <View style={styles.flexGrow} testID={testIdWithKey('CredentialCard')}>    ~~~~

App/components/misc/CredentialCard.tsx:292:14 - error TS2786: 'ImageBackground' cannot be used as a JSX component. Its instance type 'ImageBackground' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

292 <ImageBackground    ~~~

App/components/misc/EmptyList.tsx:18:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'. Type '{}' is not assignable to type 'ReactNode'. Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, props

18 <View style={{ marginTop: 100, height: '100%' }}>    ~~~~

App/components/misc/EmptyList.tsx:20:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

20 <Text style={[ListItems.emptyList, { textAlign: 'center' }]} testID={testIdWithKey('NoneYet')}>    ~~~~

App/components/misc/InfoBox.tsx:172:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

172    ~~~~

App/components/misc/InfoBox.tsx:173:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

173    ~~~~

App/components/misc/InfoBox.tsx:174:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

174    ~~~~

App/components/misc/InfoBox.tsx:175:12 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

175    ~~~~

App/components/misc/InfoBox.tsx:177:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

177 <Text style={styles.headerText} testID={testIdWithKey('HeaderText')}>    ~~~~

App/components/misc/InfoBox.tsx:181:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

181    ~~~~

App/components/misc/InfoBox.tsx:184:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

184 <Text style={styles.bodyText} testID={testIdWithKey('BodyText')}>    ~~~~

App/components/misc/InfoBox.tsx:189:12 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

189 <TouchableOpacity    ~~~~

App/components/misc/InfoBox.tsx:195:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

195 <View style={{ flexDirection: 'row' }}>    ~~~~

App/components/misc/InfoBox.tsx:196:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

196 {t('Global.ShowDetails')}    ~~~~

App/components/misc/InfoBox.tsx:197:16 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

197    ~~~~

App/components/misc/InfoIcon.tsx:27:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

27 <TouchableOpacity    ~~~~

App/components/misc/InfoIcon.tsx:39:8 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

39    ~~~~

App/components/misc/NoNewUpdates.tsx:15:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

15 <Text style={[HomeTheme.noNewUpdatesText, { flexShrink: 1 }]} testID={testIdWithKey('NoNewUpdates')}>    ~~~~

App/components/misc/Pagination.tsx:55:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

55    ~~~~

App/components/misc/Pagination.tsx:56:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

56 <TouchableOpacity    ~~~~

App/components/misc/Pagination.tsx:62:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

62 <Text    ~~~~

App/components/misc/Pagination.tsx:81:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

81 <TouchableOpacity    ~~~~

App/components/misc/Pagination.tsx:87:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

87 <Text    ~~~~

App/components/misc/QRScanner.tsx:22:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

22 <View    ~~~~

App/components/misc/QRScanner.tsx:73:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

73    ~~~~

App/components/misc/QRScanner.tsx:74:8 - error TS2786: 'RNCamera' cannot be used as a JSX component. Its instance type 'RNCamera' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

74 <RNCamera    ~~~~

App/components/misc/QRScanner.tsx:105:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

105    ~~~~

App/components/misc/QRScanner.tsx:108:18 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

108    ~~~~

App/components/misc/QRScanner.tsx:109:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

109 <Text style={[TextTheme.caption, { color: ColorPallet.grayscale.white }]}>{error.message}    ~~~~

App/components/misc/QRScanner.tsx:112:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

112 <Text style={[TextTheme.caption, { color: ColorPallet.grayscale.white, height: 30, margin: 4 }]}>    ~~~~

App/components/misc/QRScanner.tsx:115:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

115    ~~~~

App/components/misc/QRScanner.tsx:116:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

116    ~~~~

App/components/misc/QRScannerClose.tsx:27:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

27    ~~~~

App/components/misc/QRScannerClose.tsx:28:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

28 <TouchableOpacity    ~~~~

App/components/misc/QRScannerClose.tsx:35:10 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

35    ~~~~

App/components/misc/QRScannerTorch.tsx:38:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

38 <TouchableOpacity    ~~~~

App/components/misc/QRScannerTorch.tsx:54:6 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

54 <Icon    ~~~~

App/components/misc/SettingsMenu.tsx:23:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

23 <TouchableOpacity    ~~~~

App/components/misc/SettingsMenu.tsx:30:8 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

30    ~~~~

App/components/misc/UnorderedList.tsx:15:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

15 <View key={i} style={[{ display: 'flex', flexDirection: 'row', marginBottom: 5 }]}>    ~~~~

App/components/misc/UnorderedList.tsx:16:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

16 <Text style={[TextTheme.normal, { paddingLeft: 5 }]}>{\u2022}    ~~~~

App/components/misc/UnorderedList.tsx:17:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

17 <Text style={[TextTheme.normal, { paddingLeft: 5 }]}>{item}    ~~~~

App/components/modals/CameraDisclosureModal.tsx:71:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

71 <Modal visible={modalVisible} animationType={'slide'} transparent>    ~

App/components/modals/CameraDisclosureModal.tsx:82:10 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

82    ~~

App/components/modals/CameraDisclosureModal.tsx:83:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

83 <Text style={[TextTheme.headingOne]} testID={testIdWithKey('AllowCameraUse')}>    ~~~~

App/components/modals/CameraDisclosureModal.tsx:86:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

86 <Text style={[TextTheme.normal, styles.messageText]}>{t('CameraDisclosure.CameraDisclosure')}    ~~~~

App/components/modals/CameraDisclosureModal.tsx:87:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

87 <Text style={[TextTheme.normal, styles.messageText]}>{t('CameraDisclosure.ToContinueUsing')}    ~~~~

App/components/modals/CameraDisclosureModal.tsx:89:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

89    ~~~~

App/components/modals/CameraDisclosureModal.tsx:90:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

90    ~~~~

App/components/modals/CameraDisclosureModal.tsx:100:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

100    ~~~~

App/components/modals/CommonRemoveModal.tsx:35:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

35 <TouchableOpacity    ~~~~

App/components/modals/CommonRemoveModal.tsx:47:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

47 <Text style={[TextTheme.normal, { fontWeight: 'bold' }]}>{title}    ~~~~

App/components/modals/CommonRemoveModal.tsx:48:10 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

48 <Icon name={isCollapsed ? 'expand-more' : 'expand-less'} size={24} color={TextTheme.normal.color} />    ~~~~

App/components/modals/CommonRemoveModal.tsx:50:8 - error TS2786: 'Collapsible' cannot be used as a JSX component. Its instance type 'Collapsible' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

50    ~~~

App/components/modals/CommonRemoveModal.tsx:51:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

51 <View    ~~~~

App/components/modals/CommonRemoveModal.tsx:83:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

83    ~

App/components/modals/CommonRemoveModal.tsx:89:10 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

89    ~~

App/components/modals/CommonRemoveModal.tsx:91:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

91    ~~~~

App/components/modals/CommonRemoveModal.tsx:92:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

92 <View style={[{ marginBottom: 25 }]}>    ~~~~

App/components/modals/CommonRemoveModal.tsx:93:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

93 {t('ContactDetails.RemoveTitle')}    ~~~~

App/components/modals/CommonRemoveModal.tsx:95:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

95    ~~~~

App/components/modals/CommonRemoveModal.tsx:96:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

96 {t('ContactDetails.RemoveCaption')}    ~~~~

App/components/modals/CommonRemoveModal.tsx:101:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

101    ~~~~

App/components/modals/CommonRemoveModal.tsx:102:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

102 <View style={[{ marginBottom: 25 }]}>    ~~~~

App/components/modals/CommonRemoveModal.tsx:103:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

103 {t('CredentialDetails.RemoveTitle')}    ~~~~

App/components/modals/CommonRemoveModal.tsx:105:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

105    ~~~~

App/components/modals/CommonRemoveModal.tsx:106:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

106 {t('CredentialDetails.RemoveCaption')}    ~~~~

App/components/modals/CommonRemoveModal.tsx:108:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

108 <View style={{ marginTop: 25 }}>    ~~~~

App/components/modals/CommonRemoveModal.tsx:117:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

117 <View style={{ marginTop: 25 }}>    ~~~~

App/components/modals/CommonRemoveModal.tsx:126:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

126    ~~~~

App/components/modals/CommonRemoveModal.tsx:127:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

127 <View style={[{ paddingTop: 10 }]}>    ~~~~

App/components/modals/CommonRemoveModal.tsx:136:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

136 <View style={[{ paddingTop: 10 }]}>    ~~~~

App/components/modals/DismissiblePopupModal.tsx:91:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

91    ~

App/components/modals/DismissiblePopupModal.tsx:92:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

92    ~~~~

App/components/modals/DismissiblePopupModal.tsx:93:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

93    ~~~~

App/components/modals/DismissiblePopupModal.tsx:94:12 - error TS2786: 'TouchableWithoutFeedback' cannot be used as a JSX component. Its instance type 'TouchableWithoutFeedback' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

94    ~~~~~~~~

App/components/modals/DismissiblePopupModal.tsx:95:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

95    ~~~~

App/components/modals/DismissiblePopupModal.tsx:96:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

96    ~~~~

App/components/modals/DismissiblePopupModal.tsx:97:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

97    ~~~~

App/components/modals/DismissiblePopupModal.tsx:98:20 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

98    ~~~~

App/components/modals/DismissiblePopupModal.tsx:100:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

100    ~~~~

App/components/modals/DismissiblePopupModal.tsx:101:20 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

101 <Text style={styles.headerText} testID={testIdWithKey('HeaderText')}>    ~~~~

App/components/modals/DismissiblePopupModal.tsx:105:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

105 <View style={[styles.dismissIcon]} testID={testIdWithKey('Dismiss')}>    ~~~~

App/components/modals/DismissiblePopupModal.tsx:106:20 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

106    ~~~~

App/components/modals/DismissiblePopupModal.tsx:107:22 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

107    ~~~~

App/components/modals/DismissiblePopupModal.tsx:111:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

111    ~~~~

App/components/modals/DismissiblePopupModal.tsx:112:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

112 <Text style={styles.bodyText} testID={testIdWithKey('BodyText')}>    ~~~~

App/components/modals/ErrorModal.tsx:50:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

50    ~

App/components/modals/ErrorModal.tsx:51:8 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element.

51

App/components/modals/LoadingModal.tsx:23:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

23    ~

App/components/modals/NotificationModal.tsx:85:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

85    ~

App/components/modals/NotificationModal.tsx:88:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

88    ~~~~

App/components/modals/NotificationModal.tsx:89:14 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

89 <TouchableOpacity    ~~~~

App/components/modals/NotificationModal.tsx:96:16 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

96    ~~~~

App/components/modals/NotificationModal.tsx:100:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

100    ~~~~

App/components/modals/NotificationModal.tsx:101:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

101 <Text style={[TextTheme.headingThree, { fontWeight: 'normal', textAlign: 'center' }]}>{title}    ~~~~

App/components/modals/NotificationModal.tsx:105:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

105    ~~~~

App/components/modals/PopupModal.tsx:39:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

39    ~

App/components/modals/PopupModal.tsx:40:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

40    ~~~~

App/components/record/Record.tsx:46:6 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

46 <FlatList    ~~~~

App/components/record/Record.tsx:71:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

71    ~~~~

App/components/record/Record.tsx:72:18 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

72 <TouchableOpacity    ~~~~

App/components/record/Record.tsx:80:20 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

80 {t('Record.HideAll')}    ~~~~

App/components/record/RecordBinaryField.tsx:29:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

29    ~~~~

App/components/record/RecordBinaryField.tsx:31:10 - error TS2786: 'Image' cannot be used as a JSX component. Its instance type 'Image' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

31 <Image style={styles.image} source={{ uri: attributeValue }} />    ~

App/components/record/RecordBinaryField.tsx:33:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

33 <Text style={styles.text} testID={testIdWithKey('AttributeValue')}>    ~~~~

App/components/record/RecordDateIntField.tsx:51:6 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

51 <Text style={styles.text} testID={testIdWithKey('AttributeValue')}>    ~~~~

App/components/record/RecordField.tsx:75:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

75 <Text style={styles.text} testID={testIdWithKey('AttributeValue')}>    ~~~~

App/components/record/RecordField.tsx:83:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

83    ~~~~

App/components/record/RecordField.tsx:87:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

87 <Text style={[ListItems.recordAttributeLabel, { fontWeight: 'bold' }]} testID={testIdWithKey('AttributeName')}>    ~~~~

App/components/record/RecordField.tsx:91:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

91    ~~~~

App/components/record/RecordField.tsx:96:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

96 {displayAttribute(field)}    ~~~~

App/components/record/RecordField.tsx:98:16 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

98 <TouchableOpacity    ~~~~

App/components/record/RecordField.tsx:106:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

106 {shown ? t('Record.Hide') : t('Record.Show')}    ~~~~

App/components/record/RecordField.tsx:112:9 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

112 {<View style={[styles.border, hideBottomBorder && { borderBottomWidth: 0 }]}>}    ~~~~

App/components/record/RecordFooter.tsx:14:11 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

14 return {children}    ~~~~

App/components/record/RecordHeader.tsx:14:11 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

14 return {children}    ~~~~

App/components/record/RecordRemove.tsx:37:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

37 <View    ~~~~

App/components/record/RecordRemove.tsx:45:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

45 <TouchableOpacity    ~~~~

App/components/record/RecordRemove.tsx:52:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

52 <Text    ~~~~

App/components/texts/HighlightTextBox.tsx:33:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

33    ~~~~

App/components/texts/HighlightTextBox.tsx:34:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

34    ~~~~

App/components/texts/HighlightTextBox.tsx:35:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

35 <Text style={[style.headerText, { paddingTop: offset, paddingBottom: offset }]}>{children}    ~~~~

App/components/texts/InfoTextBox.tsx:41:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

41    ~~~~

App/components/texts/InfoTextBox.tsx:42:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

42    ~~~~

App/components/texts/InfoTextBox.tsx:43:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

43    ~~~~

App/components/texts/InfoTextBox.tsx:44:12 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

44 <Icon name={'info'} size={iconSize} color={ColorPallet.notification.infoIcon} />    ~~~~

App/components/texts/InfoTextBox.tsx:46:42 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

46 {typeof children === 'string' ? {children} : <>{children}</>}    ~~~~

App/components/texts/Label.tsx:41:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

41    ~~~~

App/components/texts/Label.tsx:42:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

42    ~~~~

App/components/texts/Text.tsx:18:11 - error TS2786: 'T' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

18 return <T style={[styles.text, style]}>{children}    ~

App/components/texts/Title.tsx:18:11 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

18 return <Text style={[styles.title, style]}>{children}    ~~~~

App/components/toast/BaseToast.tsx:97:6 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

97 <TouchableOpacity activeOpacity={1} onPress={() => onPress()}>    ~~~~

App/components/toast/BaseToast.tsx:98:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

98 <View style={[styles.container, { backgroundColor, borderColor, width: width - width * 0.1 }]}>    ~~~~

App/components/toast/BaseToast.tsx:99:10 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

99    ~~~~

App/components/toast/BaseToast.tsx:100:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

100    ~~~~

App/components/toast/BaseToast.tsx:101:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

101 <Text style={[TextTheme.normal, styles.title, { color: textColor }]} testID={testIdWithKey('ToastTitle')}>    ~~~~

App/components/toast/BaseToast.tsx:104:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

104 <Text style={[TextTheme.normal, styles.body, { color: textColor }]} testID={testIdWithKey('ToastBody')}>    ~~~~

App/components/views/FauxNavigationBar.tsx:47:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

47    ~~~~

App/components/views/FauxNavigationBar.tsx:48:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

48    ~~~~

App/components/views/FauxNavigationBar.tsx:49:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

49    ~~~~

App/components/views/FauxNavigationBar.tsx:50:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

50 {title}    ~~~~

App/components/views/FauxNavigationBar.tsx:57:16 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

57 <Icon name="home" size={defaultIconSize} color={'white'} />    ~~~~

App/components/views/HomeContentView.tsx:44:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

44    ~~~~

App/components/views/HomeContentView.tsx:45:32 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

45 {t('Home.YouHave')} <Text style={{ fontWeight: 'bold' }}>{credentialCount} {t('Home.Credential')}{' '}    ~~~~

App/components/views/HomeContentView.tsx:51:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

51    ~~~~

App/components/views/HomeContentView.tsx:52:32 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

52 {t('Home.YouHave')} <Text style={{ fontWeight: 'bold' }}>{credentialCount} {t('Home.Credentials')}{' '}    ~~~~

App/components/views/HomeContentView.tsx:61:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

61    ~~~~

App/components/views/HomeContentView.tsx:62:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

62 <Text style={[HomeTheme.credentialMsg, { marginTop: offset, textAlign: 'center' }]}>{credentialMsg}    ~~~~

App/components/views/HomeContentView.tsx:68:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

68    ~~~~

App/components/views/HomeContentView.tsx:69:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

69 {displayMessage(credentials.length)}    ~~~~

App/components/views/ModularView.tsx:27:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

27    ~~~~

App/components/views/SafeAreaScrollView.tsx:25:8 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

25 {children}    ~~

App/navigators/AuthenticateStack.tsx:21:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

21 <Stack.Navigator screenOptions={{ ...defaultStackOptions, presentation: 'transparentModal', headerShown: false }}>    ~~~

App/navigators/ConnectStack.tsx:16:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

16 <Stack.Navigator screenOptions={{ ...defaultStackOptions, headerShown: false }}>    ~~~

App/navigators/ContactStack.tsx:20:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

20 <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>    ~~~

App/navigators/CredentialStack.tsx:22:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

22 <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>    ~~~

App/navigators/DeliveryStack.tsx:25:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

25 <Stack.Navigator    ~~~

App/navigators/HomeStack.tsx:20:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

20 <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>    ~~~

App/navigators/NotificationStack.tsx:25:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

25 <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>    ~~~

App/navigators/RootStack.tsx:107:8 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element.

107 <Stack.Navigator initialRouteName={Screens.Splash} screenOptions={{ ...defaultStackOptions, headerShown: false }}>    ~~~

App/navigators/RootStack.tsx:133:8 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

133 <Stack.Navigator initialRouteName={Screens.Splash} screenOptions={{ ...defaultStackOptions, headerShown: false }}>    ~~~

App/navigators/RootStack.tsx:149:8 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element.

149 <Stack.Navigator initialRouteName={Screens.Splash} screenOptions={{ ...defaultStackOptions, headerShown: false }}>    ~~~

App/navigators/SettingStack.tsx:31:6 - error TS2786: 'Stack.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<...>; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNavigationOptions...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ transitionStart: EventListenerCallback<StackNavigationEventMap, "transitionStart">; ... 7 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: StackNav...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

31 <Stack.Navigator screenOptions={{ ...defaultStackOptions }}>    ~~~

App/navigators/TabStack.tsx:27:8 - error TS2786: 'Tab.Navigator' cannot be used as a JSX component. Its element type 'ReactElement<any, any> | Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ tabPress: EventListenerCallback<BottomTabNavigationEventMap, "tabPress">; ... 4 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOpt...' is not a valid JSX element. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ tabPress: EventListenerCallback<BottomTabNavigationEventMap, "tabPress">; ... 4 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: BottomTabNavigatio...' is not assignable to type 'Element | ElementClass | null'. Type 'Component<Omit<DefaultRouterOptions & { children: ReactNode; screenListeners?: Partial<{ tabPress: EventListenerCallback<BottomTabNavigationEventMap, "tabPress">; ... 4 more ...; beforeRemove: EventListenerCallback<...>; }> | ((props: { ...; }) => Partial<...>) | undefined; screenOptions?: BottomTabNavigatio...' is not assignable to type 'ElementClass'. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

27 <Tab.Navigator    ~~~~~

App/navigators/TabStack.tsx:43:16 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

43 <Icon name={focused ? 'home' : 'home-outline'} color={color} size={30} />    ~~~~

App/navigators/TabStack.tsx:48:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

48 <Text    ~~~~

App/navigators/TabStack.tsx:67:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

67    ~~~~

App/navigators/TabStack.tsx:68:18 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

68 <Icon    ~~~~

App/navigators/TabStack.tsx:77:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

77 <Text    ~~~~

App/navigators/TabStack.tsx:99:19 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

99 {() => }    ~~~~

App/navigators/TabStack.tsx:106:16 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

106 <Icon name={focused ? 'wallet' : 'wallet-outline'} color={color} size={30} />    ~~~~

App/navigators/TabStack.tsx:109:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

109 <Text    ~~~~

App/screens/AttemptLockout.tsx:119:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

119    ~~~~

App/screens/AttemptLockout.tsx:120:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

120 {t('AttemptLockout.Title')}    ~~~~

App/screens/AttemptLockout.tsx:121:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

121 {t('AttemptLockout.Description')}    ~~~~

App/screens/AttemptLockout.tsx:131:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

131    ~~~~

App/screens/AttemptLockout.tsx:132:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

132 {t('AttemptLockout.TryAgain')}    ~~~~

App/screens/AttemptLockout.tsx:134:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

134    ~~~~

App/screens/CommonDecline.tsx:153:12 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

153    ~~

App/screens/CommonDecline.tsx:155:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

155 <Text style={[TextTheme.headingTwo, { marginTop: 20 }]}>Delete this offer?    ~~~~

App/screens/CommonDecline.tsx:156:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

156 <Text style={[TextTheme.normal, { marginTop: 20 }]}>    ~~~~

App/screens/CommonDecline.tsx:159:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

159 <Text style={[TextTheme.normal, { marginTop: 20 }]}>    ~~~~

App/screens/CommonDecline.tsx:164:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

164 <View style={{ marginTop: 'auto', margin: 20 }}>    ~~~~

App/screens/CommonDecline.tsx:165:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

165    ~~~~

App/screens/CommonDecline.tsx:168:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

168 <View style={{ marginTop: 20 }}>    ~~~~

App/screens/CommonDecline.tsx:175:27 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element.

175 {didDecline &&

App/screens/CommonDecline.tsx:179:18 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

179    ~~

App/screens/CommonDecline.tsx:194:22 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

194 <View style={{ marginTop: 20 }}>    ~~~~

App/screens/CommonDecline.tsx:200:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

200 <View style={{ marginTop: 'auto', margin: 20 }}>    ~~~~

App/screens/CommonDecline.tsx:201:20 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

201 <View style={{ paddingTop: 10 }}>    ~~~~

App/screens/CommonDecline.tsx:218:20 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

218 <View style={[{ paddingTop: 10 }]}>    ~~~~

App/screens/CommonDecline.tsx:241:18 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

241    ~~

App/screens/CommonDecline.tsx:242:20 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

242    ~~~~

App/screens/CommonDecline.tsx:243:22 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

243 <Text    ~~~~

App/screens/CommonDecline.tsx:259:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

259 <View style={{ marginTop: 'auto', margin: 20 }}>    ~~~~

App/screens/Connection.tsx:146:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

146 <Modal    ~

App/screens/Connection.tsx:155:10 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

155    ~~

App/screens/Connection.tsx:156:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

156    ~~~~

App/screens/Connection.tsx:157:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

157 <Text style={[TextTheme.headingThree, styles.messageText]} testID={testIdWithKey('CredentialOnTheWay')}>    ~~~~

App/screens/Connection.tsx:162:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

162    ~~~~

App/screens/Connection.tsx:167:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

167 <Text style={[TextTheme.normal, styles.delayMessageText]} testID={testIdWithKey('TakingTooLong')}>    ~~~~

App/screens/Connection.tsx:172:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

172    ~~~~

App/screens/ContactDetails.tsx:109:8 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

109 <Modal visible={visible} animationType={'slide'}>    ~

App/screens/ContactDetails.tsx:115:12 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

115    ~~

App/screens/ContactDetails.tsx:116:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

116    ~~~~

App/screens/ContactDetails.tsx:117:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

117 <View style={[{ marginBottom: 25 }]}>    ~~~~

App/screens/ContactDetails.tsx:118:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

118 {t('ContactDetails.UnableToRemoveTitle')}    ~~~~

App/screens/ContactDetails.tsx:120:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

120    ~~~~

App/screens/ContactDetails.tsx:121:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

121 {t('ContactDetails.UnableToRemoveCaption')}    ~~~~

App/screens/ContactDetails.tsx:125:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

125    ~~~~

App/screens/ContactDetails.tsx:126:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

126 <View style={[{ paddingTop: 10 }]}>    ~~~~

App/screens/ContactDetails.tsx:135:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

135 <View style={[{ paddingTop: 10 }]}>    ~~~~

App/screens/CredentialDetails.tsx:151:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

151 <View style={{ marginHorizontal: 15, marginTop: 16 }}>    ~~~~

App/screens/CredentialDetails.tsx:172:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

172 <View style={{ marginBottom: 30 }}>    ~~~~

App/screens/CredentialDetails.tsx:174:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

174 <View    ~~~~

App/screens/CredentialDetails.tsx:182:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

182    ~~~~

App/screens/CredentialDetails.tsx:183:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

183    ~~~~

App/screens/CredentialDetails.tsx:184:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

184 {t('CredentialDetails.IssuedBy') + ' '}    ~~~~

App/screens/CredentialDetails.tsx:185:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

185 {credentialConnectionLabel}    ~~~~

App/screens/CredentialDetails.tsx:187:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

187    ~~~~

App/screens/CredentialDetails.tsx:188:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

188 {t('CredentialDetails.Issued') + ': '}    ~~~~

App/screens/CredentialDetails.tsx:189:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

189    ~~~~

App/screens/CredentialOffer.tsx:148:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

148    ~~~~

App/screens/CredentialOffer.tsx:149:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

149 <Text style={styles.headerText} testID={testIdWithKey('HeaderText')}>    ~~~~

App/screens/CredentialOffer.tsx:150:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

150 {credentialConnectionLabel || t('ContactDetails.AContact')}{' '}    ~~~~

App/screens/CredentialOffer.tsx:163:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

163 <View    ~~~~

App/screens/CredentialOffer.tsx:173:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

173    ~~~~

App/screens/CredentialOffer.tsx:183:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

183    ~~~~

App/screens/CredentialOfferAccept.tsx:112:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

112 <Modal visible={visible} transparent={true} animationType={'none'}>    ~

App/screens/CredentialOfferAccept.tsx:114:10 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element.

114 <StatusBar    ~~~~~

App/screens/CredentialOfferAccept.tsx:119:10 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

119    ~~

App/screens/CredentialOfferAccept.tsx:120:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

120    ~~~~

App/screens/CredentialOfferAccept.tsx:122:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

122 <Text    ~~~~

App/screens/CredentialOfferAccept.tsx:131:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

131 <Text    ~~~~

App/screens/CredentialOfferAccept.tsx:140:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

140 <View style={[styles.image, { minHeight: 250, alignItems: 'center', justifyContent: 'flex-end' }]}>    ~~~~

App/screens/CredentialOfferAccept.tsx:146:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

146 <Text    ~~~~

App/screens/CredentialOfferAccept.tsx:155:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

155    ~~~~

App/screens/CredentialOfferAccept.tsx:157:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

157    ~~~~

App/screens/CredentialOfferAccept.tsx:169:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

169    ~~~~

App/screens/Developer.tsx:9:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

9 <View    ~~~~

App/screens/Developer.tsx:18:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

18 <Text style={[TextTheme.normal, { margin: 10 }]}>    ~~~~

App/screens/Home.tsx:119:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

119    ~~~~

App/screens/Home.tsx:120:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

120 <Text style={[HomeTheme.notificationsHeader, styles.header]}>    ~~~~

App/screens/Home.tsx:125:14 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

125 <TouchableOpacity    ~~~~

App/screens/Home.tsx:130:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

130 {t('Home.SeeAll')}    ~~~~

App/screens/Home.tsx:134:10 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

134 <FlatList    ~~~~

App/screens/Home.tsx:147:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

147 <View style={{ marginHorizontal: offset, width: width - 2 * offset }}>    ~~~~

App/screens/Home.tsx:149:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

149    ~~~~

App/screens/Home.tsx:150:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

150 <Text style={[HomeTheme.welcomeHeader, { marginTop: offset, marginBottom: 20 }]}>    ~~~~

App/screens/Home.tsx:159:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

159 <View    ~~~~

App/screens/Language.tsx:61:8 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList<{ id: Locales; value: string; }>' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

61 <FlatList    ~~~~

App/screens/Language.tsx:66:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

66 <View style={[styles.section, styles.sectionRow]}>    ~~~~

App/screens/Language.tsx:67:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

67 {value}    ~~~~

App/screens/Language.tsx:74:40 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

74 ImageComponent={() => }    ~~~~

App/screens/Language.tsx:83:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

83 <View style={{ backgroundColor: SettingsTheme.groupBackground }}>    ~~~~

App/screens/Language.tsx:84:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

84    ~~~~

App/screens/ListContacts.tsx:20:6 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

20 <FlatList    ~~~~

App/screens/ListCredentials.tsx:25:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

25    ~~~~

App/screens/ListCredentials.tsx:26:8 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList' is not a valid JSX element.

26 <FlatList    ~~~~

App/screens/ListCredentials.tsx:32:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

32 <View    ~~~~

App/screens/ListNotifications.tsx:23:6 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList' is not a valid JSX element.

23 <FlatList    ~~~~

App/screens/ListNotifications.tsx:27:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

27 <View    ~~~~

App/screens/ListNotifications.tsx:38:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

38 <View style={{ margin: 15 }}>    ~~~~

App/screens/Onboarding.tsx:87:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

87 <View key={index} style={[{ width }, style.carouselContainer]}>    ~~~~

App/screens/Onboarding.tsx:138:8 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

138 <FlatList    ~~~~

App/screens/OnboardingPages.tsx:92:8 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

92 <ScrollView style={{ padding: 20 }}>    ~~

App/screens/OnboardingPages.tsx:93:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

93 <View style={{ alignItems: 'center' }}>    ~~~~

App/screens/OnboardingPages.tsx:96:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

96 <View style={{ marginBottom: 20 }}>    ~~~~

App/screens/OnboardingPages.tsx:97:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

97 <Text style={[styles.headerText, { fontSize: 18 }]} testID={testIdWithKey('HeaderText')}>    ~~~~

App/screens/OnboardingPages.tsx:100:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

100 <Text style={[styles.bodyText, { marginTop: 25 }]} testID={testIdWithKey('BodyText')}>    ~~~~

App/screens/OnboardingPages.tsx:106:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

106 <View style={{ marginTop: 'auto', margin: 20 }}>    ~~~~

App/screens/OnboardingPages.tsx:136:6 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

136 <ScrollView style={{ padding: 20 }}>    ~~

App/screens/OnboardingPages.tsx:137:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

137 <View style={{ alignItems: 'center' }}>{image(imageDisplayOptions)}    ~~~~

App/screens/OnboardingPages.tsx:138:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

138 <View style={{ marginBottom: 20 }}>    ~~~~

App/screens/OnboardingPages.tsx:139:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

139 <Text style={[styles.headerText, { fontSize: 18 }]} testID={testIdWithKey('HeaderText')}>    ~~~~

App/screens/OnboardingPages.tsx:142:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

142 <Text style={[styles.bodyText, { marginTop: 25 }]} testID={testIdWithKey('BodyText')}>    ~~~~

App/screens/PINCreate.tsx:123:8 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element.

123    ~~~~~

App/screens/PINCreate.tsx:124:8 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

124    ~~

App/screens/PINCreate.tsx:125:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

125    ~~~~

App/screens/PINCreate.tsx:126:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

126 <Text style={[TextTheme.normal, { marginBottom: 16 }]}>    ~~~~

App/screens/PINCreate.tsx:127:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

127 <Text style={{ fontWeight: 'bold' }}>{t('PINCreate.RememberPIN')} {t('PINCreate.PINDisclaimer')}    ~~~~

App/screens/PINCreate.tsx:152:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

152 <View style={{ marginBottom: 16 }}>    ~~~~

App/screens/PINCreate.tsx:155:20 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

155 <View style={{ flexDirection: 'row' }} key={index}>    ~~~~

App/screens/PINCreate.tsx:157:24 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

157    ~~~~

App/screens/PINCreate.tsx:159:24 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

159    ~~~~

App/screens/PINCreate.tsx:161:22 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

161 <Text style={[TextTheme.normal, { paddingLeft: 4 }]}>    ~~~~

App/screens/PINCreate.tsx:199:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

199 <View style={{ marginTop: 'auto', margin: 20 }}>    ~~~~

App/screens/PINEnter.tsx:35:6 - error TS2786: 'TouchableWithoutFeedback' cannot be used as a JSX component. Its instance type 'TouchableWithoutFeedback' is not a valid JSX element.

35    ~~~~~~~~

App/screens/PINEnter.tsx:37:10 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

37 <ScrollView keyboardShouldPersistTaps={'handled'} contentContainerStyle={{ height: '100%' }}>    ~~

App/screens/PINEnter.tsx:260:8 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

260    ~~~~~

App/screens/PINEnter.tsx:261:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

261    ~~~~

App/screens/PINEnter.tsx:262:10 - error TS2786: 'Image' cannot be used as a JSX component. Its instance type 'Image' is not a valid JSX element.

262 <Image    ~

App/screens/PINEnter.tsx:274:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

274 <Text style={[TextTheme.normal, { alignSelf: 'center', textAlign: 'center' }]}>    ~~~~

App/screens/PINEnter.tsx:277:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

277 <Text style={[TextTheme.normal, { alignSelf: 'center', marginBottom: 16 }]}>    ~~~~

App/screens/PINEnter.tsx:282:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

282 <Text style={[TextTheme.normal, { alignSelf: 'center', marginBottom: 16 }]}>{t('PINEnter.EnterPIN')}    ~~~~

App/screens/PINEnter.tsx:301:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

301    ~~~~

App/screens/PINEnter.tsx:302:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

302 {t('PINEnter.LoggedOutDescription')}    ~~~~

App/screens/PINEnter.tsx:315:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

315 <View style={{ marginTop: 'auto', margin: 20, marginBottom: 10 }}>    ~~~~

App/screens/PINEnter.tsx:333:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

333 <Text style={[TextTheme.normal, { alignSelf: 'center' }]}>{t('PINEnter.Or')}    ~~~~

App/screens/PINEnter.tsx:334:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

334 <View style={{ margin: 20, marginTop: 10 }}>    ~~~~

App/screens/PINEnter.tsx:352:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

352    ~~~~

App/screens/PINEnter.tsx:353:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

353 {t('PINEnter.RepeatPIN')}    ~~~~

App/screens/PINEnter.tsx:355:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

355 {t('PINEnter.AttemptLockoutWarning')}    ~~~~

App/screens/PINRecreate.tsx:72:8 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element.

72 <StatusBar    ~~~~~

App/screens/PINRecreate.tsx:77:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

77    ~~~~

App/screens/PINRecreate.tsx:78:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

78 <Text style={[TextTheme.normal, { marginBottom: 16 }]}>    ~~~~

App/screens/PINRecreate.tsx:79:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

79 <Text style={{ fontWeight: 'bold' }}>{t('PINCreate.RememberPIN')} {t('PINCreate.PINDisclaimer')}    ~~~~

App/screens/PINRecreate.tsx:89:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

89 <View style={{ marginTop: 'auto', margin: 20 }}>    ~~~~

App/screens/PINRecreate.tsx:107:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

107    ~~~~

App/screens/PINRecreate.tsx:108:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

108 {t('PINEnter.RepeatPIN')}    ~~~~

App/screens/ProofRequest.tsx:260:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

260    ~~~~

App/screens/ProofRequest.tsx:262:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

262 <View style={{ flexDirection: 'row', alignItems: 'center' }}>    ~~~~

App/screens/ProofRequest.tsx:263:20 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

263 <Icon    ~~~~

App/screens/ProofRequest.tsx:269:20 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

269 <Text style={styles.headerText} testID={testIdWithKey('HeaderText')}>    ~~~~

App/screens/ProofRequest.tsx:270:22 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

270 {proofConnectionLabel || t('ContactDetails.AContact')}{' '}    ~~~~

App/screens/ProofRequest.tsx:275:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

275 <Text style={styles.headerText} testID={testIdWithKey('HeaderText')}>    ~~~~

App/screens/ProofRequest.tsx:276:20 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

276 {proofConnectionLabel || t('ContactDetails.AContact')}{' '}    ~~~~

App/screens/ProofRequest.tsx:283:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

283 <View    ~~~~

App/screens/ProofRequest.tsx:293:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

293    ~~~~

App/screens/ProofRequest.tsx:303:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

303    ~~~~

App/screens/ProofRequest.tsx:322:24 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

322 <View style={{ flexDirection: 'row', alignItems: 'center' }}>    ~~~~

App/screens/ProofRequest.tsx:323:26 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

323 <Icon    ~~~~

App/screens/ProofRequest.tsx:330:26 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

330 <Text    ~~~~

App/screens/ProofRequest.tsx:338:24 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

338 <Text style={ListItems.recordAttributeText} testID={testIdWithKey('AttributeValue')}>    ~~~~

App/screens/ProofRequest.tsx:344:24 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

344 <TouchableOpacity    ~~~~

App/screens/ProofRequest.tsx:357:26 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

357 {t('ProofRequest.Details')}    ~~~~

App/screens/ProofRequestAccept.tsx:84:6 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

84 <Modal visible={visible} transparent={true} animationType={'none'}>    ~

App/screens/ProofRequestAccept.tsx:85:8 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element.

85 <StatusBar    ~~~~~

App/screens/ProofRequestAccept.tsx:91:10 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

91    ~~

App/screens/ProofRequestAccept.tsx:92:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

92    ~~~~

App/screens/ProofRequestAccept.tsx:94:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

94 <Text style={[TextTheme.headingThree, styles.messageText]} testID={testIdWithKey('SendingProofRequest')}>    ~~~~

App/screens/ProofRequestAccept.tsx:100:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

100 <Text style={[TextTheme.headingThree, styles.messageText]} testID={testIdWithKey('SentProofRequest')}>    ~~~~

App/screens/ProofRequestAccept.tsx:106:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

106 <View style={[styles.image, { minHeight: 250, alignItems: 'center', justifyContent: 'flex-end' }]}>    ~~~~

App/screens/ProofRequestAccept.tsx:114:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

114    ~~~~

App/screens/ProofRequestAccept.tsx:115:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

115    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:156:8 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

156 <FlatList    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:160:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

160    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:161:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

161 <Text style={ListItems.recordAttributeText} testID={testIdWithKey('CredentialName')}>    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:165:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

165 <View style={{ flexDirection: 'row', alignItems: 'center' }}>    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:166:18 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

166 <Icon    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:172:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

172 <Text    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:180:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

180 <Text style={ListItems.recordAttributeText} testID={testIdWithKey('Issued')}>    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:184:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

184 <Text style={[ListItems.credentialTitle, { paddingTop: 16 }]} testID={testIdWithKey('AttributeValue')}>    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:188:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

188 <View    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:195:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

195    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:196:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

196 <Text style={styles.headerText} testID={testIdWithKey('HeaderText')}>    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:197:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

197 {getConnectionName(connection) || t('ContactDetails.AContact')}{' '}    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:200:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

200 <Text style={[ListItems.credentialTitle, { paddingVertical: 16 }]} testID={testIdWithKey('AttributeName')}>    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:203:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

203 {t('ProofRequest.WhichYouCanProvideFrom')}:    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:204:15 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

204 {}    ~~~~

App/screens/ProofRequestAttributeDetails.tsx:209:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

209    ~~~~

App/screens/Settings.tsx:157:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

157 <View style={[styles.section, styles.sectionHeader]}>    ~~~~

App/screens/Settings.tsx:158:8 - error TS2786: 'Icon' cannot be used as a JSX component. Its instance type 'Icon' is not a valid JSX element.

158 <Icon name={icon} size={24} style={{ marginRight: 10, color: TextTheme.normal.color }} />    ~~~~

App/screens/Settings.tsx:159:8 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

159 <Text style={[TextTheme.headingThree, { flexShrink: 1 }]}>{title}    ~~~~

App/screens/Settings.tsx:170:6 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

170    ~~~~

App/screens/Settings.tsx:171:8 - error TS2786: 'TouchableOpacity' cannot be used as a JSX component. Its instance type 'TouchableOpacity' is not a valid JSX element.

171 <TouchableOpacity    ~~~~

App/screens/Settings.tsx:178:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

178 <Text style={[TextTheme.headingFour, { fontWeight: 'normal' }]}>{title}    ~~~~

App/screens/Settings.tsx:179:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

179 <Text style={[TextTheme.headingFour, { fontWeight: 'normal', color: ColorPallet.brand.link }]}>{value}    ~~~~

App/screens/Settings.tsx:186:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

186    ~~~~

App/screens/Settings.tsx:187:10 - error TS2786: 'SectionList' cannot be used as a JSX component. Its instance type 'SectionList<Setting, SettingSection>' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

187 <SectionList    ~~~

App/screens/Settings.tsx:203:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

203 <View style={{ backgroundColor: SettingsTheme.groupBackground }}>    ~~~~

App/screens/Settings.tsx:204:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

204    ~~~~

App/screens/Settings.tsx:207:45 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

207 SectionSeparatorComponent={() => }    ~~~~

App/screens/Settings.tsx:209:14 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

209    ~~~~

App/screens/Settings.tsx:210:16 - error TS2786: 'TouchableWithoutFeedback' cannot be used as a JSX component. Its instance type 'TouchableWithoutFeedback' is not a valid JSX element.

210 <TouchableWithoutFeedback    ~~~~~~~~

App/screens/Settings.tsx:214:18 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

214    ~~~~

App/screens/Settings.tsx:215:20 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

215 <Text style={TextTheme.normal} testID={testIdWithKey('Version')}>    ~~~~

App/screens/Terms.tsx:59:8 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

59    ~~

App/screens/Terms.tsx:61:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

61 <Text style={[style.bodyText, { marginTop: 20, marginBottom: 20 }]}>    ~~~~

App/screens/Terms.tsx:62:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

62 <Text style={[style.bodyText, { fontWeight: 'bold' }]}>    ~~~~

App/screens/Terms.tsx:71:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

71 <Text style={[style.bodyText, { marginTop: 20 }]}>    ~~~~

App/screens/Terms.tsx:80:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

80    ~~~~

App/screens/Terms.tsx:88:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

88 <View style={[{ paddingTop: 10 }]}>    ~~~~

App/screens/Terms.tsx:98:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

98 <View style={[{ paddingTop: 10, marginBottom: 20 }]}>    ~~~~

App/screens/UseBiometry.tsx:128:8 - error TS2786: 'StatusBar' cannot be used as a JSX component. Its instance type 'StatusBar' is not a valid JSX element.

128 <StatusBar    ~~~~~

App/screens/UseBiometry.tsx:131:8 - error TS2786: 'ScrollView' cannot be used as a JSX component. Its instance type 'ScrollView' is not a valid JSX element.

131    ~~

App/screens/UseBiometry.tsx:132:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

132 <View style={{ alignItems: 'center' }}>    ~~~~

App/screens/UseBiometry.tsx:136:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

136    ~~~~

App/screens/UseBiometry.tsx:137:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

137 {t('Biometry.EnabledText1')}    ~~~~

App/screens/UseBiometry.tsx:138:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

138    ~~~~

App/screens/UseBiometry.tsx:139:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

139    ~~~~

App/screens/UseBiometry.tsx:141:16 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

141 <Text style={[TextTheme.normal, { fontWeight: 'bold' }]}> {t('Biometry.Warning')}    ~~~~

App/screens/UseBiometry.tsx:145:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

145    ~~~~

App/screens/UseBiometry.tsx:146:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

146 {t('Biometry.NotEnabledText1')}    ~~~~

App/screens/UseBiometry.tsx:147:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

147    ~~~~

App/screens/UseBiometry.tsx:148:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

148 {t('Biometry.NotEnabledText2')}    ~~~~

App/screens/UseBiometry.tsx:151:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

151 <View    ~~~~

App/screens/UseBiometry.tsx:157:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

157 <View style={{ flexShrink: 1, marginRight: 10, justifyContent: 'center' }}>    ~~~~

App/screens/UseBiometry.tsx:158:14 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

158 <Text style={[TextTheme.normal, { fontWeight: 'bold' }]}>{t('Biometry.UseToUnlock')}    ~~~~

App/screens/UseBiometry.tsx:160:12 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

160 <View style={{ justifyContent: 'center' }}>    ~~~~

App/screens/UseBiometry.tsx:161:14 - error TS2786: 'TouchableWithoutFeedback' cannot be used as a JSX component. Its instance type 'TouchableWithoutFeedback' is not a valid JSX element.

161 <TouchableWithoutFeedback accessibilityLabel={t('Biometry.Toggle')} accessibilityRole={'switch'}>    ~~~~~~~~

App/screens/UseBiometry.tsx:162:16 - error TS2786: 'Switch' cannot be used as a JSX component. Its instance type 'Switch' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

162 <Switch    ~~

App/screens/UseBiometry.tsx:175:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

175 <View style={{ marginTop: 'auto', margin: 20 }}>    ~~~~

App/screens/UseBiometry.tsx:189:8 - error TS2786: 'Modal' cannot be used as a JSX component. Its instance type 'Modal' is not a valid JSX element.

189 <Modal visible={canSeeCheckPIN} transparent={true} animationType={'slide'}>    ~

App/screens/WhatAreContacts.tsx:38:6 - error TS2786: 'SafeAreaView' cannot be used as a JSX component. Its instance type 'SafeAreaView' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

38    ~~~~

App/screens/WhatAreContacts.tsx:39:8 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

39    ~~~~

App/screens/WhatAreContacts.tsx:40:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

40 {t('WhatAreContacts.Title')}    ~~~~

App/screens/WhatAreContacts.tsx:41:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

41 {t('WhatAreContacts.Preamble')}    ~~~~

App/screens/WhatAreContacts.tsx:42:10 - error TS2786: 'FlatList' cannot be used as a JSX component. Its instance type 'FlatList<{ key: string; }>' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import("/Users/sezer-admin/node_modules/@types/react/index").ReactNode'.

42 <FlatList    ~~~~

App/screens/WhatAreContacts.tsx:51:16 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

51 <View style={{ marginBottom: 10, flexDirection: 'row' }}>    ~~~~

App/screens/WhatAreContacts.tsx:52:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

52 <Text style={{ ...TextTheme.normal, marginRight: 5 }}>{'\u2022'}    ~~~~

App/screens/WhatAreContacts.tsx:53:18 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

53 {item.key}    ~~~~

App/screens/WhatAreContacts.tsx:58:10 - error TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element.

58 <View style={{ flexDirection: 'row', justifyContent: 'center' }}>    ~~~~

App/screens/WhatAreContacts.tsx:59:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

59    ~~~~

App/screens/WhatAreContacts.tsx:61:12 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

61 <Text onPress={goToContactList} style={{ ...TextTheme.normal, color: ColorPallet.brand.link }}>    ~~~~

App/screens/WhatAreContacts.tsx:65:10 - error TS2786: 'Text' cannot be used as a JSX component. Its instance type 'Text' is not a valid JSX element.

65 <Text style={{ ...TextTheme.normal, marginTop: 10 }}>{t('WhatAreContacts.ContactSharing')}    ~~~~

Found 499 errors.

✖ Failed to build definition files.

PenguinTaro commented 1 year ago

Seems like your dependencies are not installed. Can u do the npm install and also set the npm registry to global. Using this : npm set registry https //registry.npmjs.org/ . Before doing this check your dependency .

selinsezer commented 1 year ago

Seems like your dependencies are not installed. Can u do the npm install and also set the npm registry to global. Using this : npm set registry https //registry.npmjs.org/ . Before doing this check your dependency .

I tried all of these and did not make a change. Any ideas on why dependencies might not be getting installed?

selinsezer commented 1 year ago

UPDATE: using yarn solved my issue

jleach commented 1 year ago

Closing. Project converted to yarn now. Works better.

escapedcat commented 1 year ago

Maybe update the readme accordingly to avoid further issues when people use npm.

laygir commented 1 year ago

Found this issue after having similar problems. Following the readme, npm install throws bunch of errors, specifically;

While resolving: aries-bifold-app@0.0.1
Found: indy-sdk-react-native@0.2.2
node_modules/indy-sdk-react-native
  indy-sdk-react-native@"^0.2.2" from aries-bifold-app@0.0.1
  app
    aries-bifold-app@0.0.1
    node_modules/aries-bifold-app
      workspace app from the root project

Could not resolve dependency:
peer indy-sdk-react-native@"^0.3.0" from @aries-framework/react-native@0.3.3
node_modules/@aries-framework/react-native
  @aries-framework/react-native@"^0.3.2" from aries-bifold-app@0.0.1
  app
    aries-bifold-app@0.0.1
    node_modules/aries-bifold-app
      workspace app from the root project

Fix the upstream dependency conflict, or retry
this command with --force, or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

Raw JSON explanation object:

{
  "code": "ERESOLVE",
  "current": {
    "name": "indy-sdk-react-native",
    "version": "0.2.2",
    "whileInstalling": {
      "name": "aries-bifold-app",
      "version": "0.0.1",
      "path": "/Users/.../Sites/sandbox/aries-mobile-agent-react-native/app"
    },
    "location": "node_modules/indy-sdk-react-native",
    "isWorkspace": false,
    "dependents": [
      {
        "type": "prod",
        "name": "indy-sdk-react-native",
        "spec": "^0.2.2",
        "from": {
          "name": "aries-bifold-app",
          "version": "0.0.1",
          "errors": [
            {
              "code": "EUNSUPPORTEDPROTOCOL",
              "dependency": "aries-bifold",
              "requested": "link:../core"
            }
          ],
          "package": {
            "name": "aries-bifold-app",
            "description": "Aries Bifold Wallet App",
            "version": "0.0.1",
            "private": true,
            "scripts": {
              "android": "react-native run-android",
              "ios": "react-native run-ios",
              "start": "react-native start",
              "postinstall": "patch-package"
            },
            ...
          },
        }
      }
    ]
  }
}

(Most objects have been omitted in the output above.)

By using yarn install I was able to install the packages. Would be nice to reflect this need in the readme to avoid people having similar issues.