remove navigator implementation with react-navigation

app/_layout.tsx

@@ -2,7 +2,7 @@ import { ThemeProvider } from '@react-navigation/native'
 import { Slot } from 'expo-router'
 
 import { AbsoluteFullFill, Loader } from '~components'
-import { useAuth, useNavigationTheme } from '~hooks'
+import { useAuth, useNavigationTheme, useRouterNotifications } from '~hooks'
 import { Providers } from '~providers'
 
 export const unstable_settings = {
@@ -13,6 +13,8 @@ const Layout = () => {
   const { isSignedIn } = useAuth()
   const { navigationTheme } = useNavigationTheme()
 
+  useRouterNotifications() // TODO: check if handling notification deeplinks works correctly
+
   if (isSignedIn === null) {
     return (
       <AbsoluteFullFill w="full" h="full" justifyContent="center" alignItems="center">

src/hooks/navigation/index.ts

@@ -1,21 +1,7 @@
-export { useBottomTabBarHeight } from '@react-navigation/bottom-tabs'
-export {
-  useNavigationContainerRef,
-  useFocusEffect,
-  useIsFocused,
-  useLinkBuilder,
-  useLinkProps,
-  useLinkTo,
-  useNavigation,
-  useNavigationBuilder,
-  useNavigationState,
-  useRoute,
-  useScrollToTop,
-} from '@react-navigation/native'
-export { useCardAnimation, useGestureHandlerRef } from '@react-navigation/stack'
 export * from './useNavigationStatePersistence'
 export * from './useNavigationTheme'
 export * from './usePreventGoBack'
 export * from './useScreenOptions'
 export * from './useScreenTracker'
 export * from './useWeb'
+export * from './useRouterNotifications'

src/hooks/navigation/useRouterNotifications.ts

@@ -0,0 +1,39 @@
+import * as Notifications from 'expo-notifications'
+import { useRouter } from 'expo-router'
+import React from 'react'
+
+export function useRouterNotifications() {
+  const router = useRouter()
+
+  React.useEffect(() => {
+    let isMounted = true
+
+    function processUrl(url: string) {
+      // In case you need to modify the URL to make it relative.
+      return url
+    }
+
+    // Handle URL from expo push notifications
+    Notifications.getLastNotificationResponseAsync().then((response) => {
+      if (!isMounted) {
+        return
+      }
+      const url = response?.notification.request.content.data.url
+      if (url) {
+        router.replace(processUrl(url))
+      }
+    })
+
+    // Listen to expo push notifications
+    const subscription = Notifications.addNotificationResponseReceivedListener((response) => {
+      const url = response.notification.request.content.data.url
+      router.replace(processUrl(url))
+    })
+
+    return () => {
+      isMounted = false
+      subscription.remove()
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+}