Release/canary

android/app/build.gradle

@@ -121,7 +121,7 @@ android {
         applicationIdSuffix ".dev"
         versionNameSuffix "-dev"
         // 10203010 <- 10203(v1.2.3 version name)+01(build number)+0(Android app)
-        versionCode 80200040
+        versionCode 80200050
         versionName "8.2.0"
       }
       prod {

android/wearable/build.gradle.kts

@@ -34,7 +34,7 @@ android {
       applicationIdSuffix = ".dev"
       versionNameSuffix = "-dev"
       // 10203011 <- 10203(v1.2.3 version name)+01(build number)+1(Wearable app)
-      versionCode = 80200041
+      versionCode = 80200051
       versionName = "8.2.0"
     }
     create("prod") {

src/hooks/useDeepLink.ts

@@ -1,13 +1,13 @@
 import * as Linking from 'expo-linking'
-import { useEffect } from 'react'
+import { useCallback, useEffect } from 'react'
 import { useOpenRouteFromLink } from './useOpenRouteFromLink'
 
 export const useDeepLink = () => {
-  const url = Linking.useURL()
   const { openLink: openRoute } = useOpenRouteFromLink()
 
-  useEffect(() => {
-    const getUrlAsync = async () => {
+  const handleURL = useCallback(
+    async (event: Linking.EventType) => {
+      const url = event.url
       if (url && (await Linking.canOpenURL(url))) {
         const parsedUrl = Linking.parse(url)
         if (parsedUrl.queryParams) {
@@ -36,7 +36,15 @@ export const useDeepLink = () => {
           })
         }
       }
+    },
+    [openRoute]
+  )
+
+  useEffect(() => {
+    const listener = Linking.addEventListener('url', handleURL)
+
+    return () => {
+      listener.remove()
     }
-    getUrlAsync()
-  }, [openRoute, url])
+  }, [handleURL])
 }

src/hooks/useOpenRouteFromLink.ts

@@ -1,7 +1,7 @@
 import { useMutation } from '@connectrpc/connect-query'
 import { useNavigation } from '@react-navigation/native'
 import { useCallback } from 'react'
-import { useRecoilState, useSetRecoilState } from 'recoil'
+import { useSetRecoilState } from 'recoil'
 import {
   getStationsByLineGroupId,
   getStationsByLineId,
@@ -15,13 +15,11 @@ import { LineDirection } from '../models/Bound'
 import lineState from '../store/atoms/line'
 import navigationState from '../store/atoms/navigation'
 import stationState from '../store/atoms/station'
-import { useResetMainState } from './useResetMainState'
 
 export const useOpenRouteFromLink = () => {
   const navigation = useNavigation()
-  const resetState = useResetMainState()
 
-  const [{ selectedBound }, setStationState] = useRecoilState(stationState)
+  const setStationState = useSetRecoilState(stationState)
   const setNavigationState = useSetRecoilState(navigationState)
   const setLineState = useSetRecoilState(lineState)
 
@@ -42,17 +40,11 @@ export const useOpenRouteFromLink = () => {
       stations: Station[],
       direction: LineDirection | null
     ) => {
-      if (selectedBound) {
-        return
-      }
-
       const line = station?.line
       if (!line) {
         return
       }
 
-      resetState()
-
       setStationState((prev) => ({
         ...prev,
         stations,
@@ -74,14 +66,7 @@ export const useOpenRouteFromLink = () => {
       }))
       navigation.navigate('Main')
     },
-    [
-      navigation,
-      resetState,
-      selectedBound,
-      setLineState,
-      setNavigationState,
-      setStationState,
-    ]
+    [navigation, setLineState, setNavigationState, setStationState]
   )
 
   const openLink = useCallback(

src/hooks/useResetMainState.ts

@@ -15,6 +15,7 @@ export const useResetMainState = () => {
       bottomState: 'LINE',
       leftStations: [],
       stationForHeader: null,
+      fromBuilder: false,
     }))
     setStationState((prev) => ({
       ...prev,