diff --git a/.eslintrc.js b/.eslintrc.js index 40c6dcd..bf792d0 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,4 +1,12 @@ module.exports = { root: true, extends: '@react-native-community', + overrides: [ + { + files: ['**/*.ts', '**/*.tsx'], + rules: { + '@typescript-eslint/no-unused-vars': 0, + }, + }, + ], }; diff --git a/app/navigation/NavigationService.tsx b/app/navigation/NavigationService.tsx index 4d2d0ac..5826646 100644 --- a/app/navigation/NavigationService.tsx +++ b/app/navigation/NavigationService.tsx @@ -1,11 +1,11 @@ import * as React from 'react'; -import { NavigationContainerRef } from '@react-navigation/native'; +import { createNavigationContainerRef } from '@react-navigation/native'; // NavigationContainer is referred here - Check NavigationStack -export const navigationRef = React.createRef(); +export const navigationRef = createNavigationContainerRef(); function navigate(name: string, params?: any) { - navigationRef.current?.navigate(name, params); + navigationRef.current?.navigate({ key: name, params }); } function goBack() { diff --git a/app/navigation/NavigationStack.tsx b/app/navigation/NavigationStack.tsx index 9c9fe03..f4c3f25 100644 --- a/app/navigation/NavigationStack.tsx +++ b/app/navigation/NavigationStack.tsx @@ -1,6 +1,9 @@ import * as React from 'react'; import { NavigationContainer, Theme } from '@react-navigation/native'; -import { createStackNavigator } from '@react-navigation/stack'; +import { + createStackNavigator, + StackNavigationOptions, +} from '@react-navigation/stack'; import { useSelector } from 'react-redux'; import { navigationRef } from './NavigationService'; @@ -17,7 +20,7 @@ const Stack = createStackNavigator(); const AuthStack = createStackNavigator(); const LoggedInStack = createStackNavigator(); -const homeOptions = { +const homeOptions: StackNavigationOptions = { title: 'Home', headerTitleStyle: { fontWeight: 'bold', @@ -79,7 +82,7 @@ const App: React.FC = (props: IProps) => { - + {isLoggedIn ? (