[C-1050] Fix profile search crash (#1916)

packages/mobile/src/screens/profile-screen/ProfileScreen.tsx

@@ -21,6 +21,7 @@ import IconShare from 'app/assets/images/iconShare.svg'
 import { IconButton, Screen } from 'app/components/core'
 import { useNavigation } from 'app/hooks/useNavigation'
 import { usePopToTopOnDrawerOpen } from 'app/hooks/usePopToTopOnDrawerOpen'
+import { useRoute } from 'app/hooks/useRoute'
 import { TopBarIconButton } from 'app/screens/app-screen'
 import { makeStyles } from 'app/styles/makeStyles'
 import { useThemeColors } from 'app/utils/theme'
@@ -29,7 +30,7 @@ import type { ProfileTabScreenParamList } from '../app-screen/ProfileTabScreen'
 
 import { ProfileHeader } from './ProfileHeader'
 import { ProfileTabNavigator } from './ProfileTabNavigator'
-import { useSelectProfile } from './selectors'
+import { useSelectProfileRoot } from './selectors'
 const { requestOpen: requestOpenShareModal } = shareModalUIActions
 const { fetchProfile: fetchProfileAction, resetProfile } = profilePageActions
 const { getProfileStatus } = profilePageSelectors
@@ -56,19 +57,23 @@ const useStyles = makeStyles(({ spacing }) => ({
 export const ProfileScreen = () => {
   usePopToTopOnDrawerOpen()
   const styles = useStyles()
-  const profile = useSelectProfile(['user_id', 'does_current_user_follow'])
-  const { handle, user_id } = profile
+  const { params } = useRoute<'Profile'>()
+  const profile = useSelectProfileRoot([
+    'user_id',
+    'handle',
+    'does_current_user_follow'
+  ])
+  const handle = params.handle ?? profile?.handle
   const accountId = useSelector(getUserId)
   const dispatch = useDispatch()
   const status = useSelector(getProfileStatus)
   const [isRefreshing, setIsRefreshing] = useState(false)
   const { neutralLight4, accentOrange } = useThemeColors()
   const navigation = useNavigation<ProfileTabScreenParamList>()
 
-  const fetchProfile = useCallback(
-    () => dispatch(fetchProfileAction(handle, user_id, true, true, false)),
-    [dispatch, handle, user_id]
-  )
+  const fetchProfile = useCallback(() => {
+    dispatch(fetchProfileAction(handle, null, true, true, false))
+  }, [dispatch, handle])
 
   const clearProfile = useCallback(() => {
     dispatch(resetProfile())

packages/mobile/src/screens/profile-screen/selectors.ts

@@ -27,7 +27,7 @@ export const useSelectProfileRoot = (deps: Array<keyof User>) => {
       isAccountUser ? getAccountUser(state) : getProfileUser(state, params),
     (a, b) => deps.every((arg) => isEqual(a?.[arg], b?.[arg]))
   )
-  return profile as User
+  return profile
 }
 
 /*