Fix profile clearing (#1908)

packages/common/src/store/pages/profile/lineups/tracks/actions.ts

@@ -1,6 +1,4 @@
-// @ts-nocheck
-// TODO(nkang) - convert to TS
-import { LineupActions } from '../../../../../store/lineup/actions'
+import { LineupActions } from '../../../../lineup/actions'
 
 export const PREFIX = 'PROFILE_TRACKS'
 

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

@@ -11,6 +11,7 @@ import {
   profilePageFeedLineupActions as feedActions
 } from '@audius/common'
 import { PortalHost } from '@gorhom/portal'
+import { useFocusEffect } from '@react-navigation/native'
 import { Animated, View } from 'react-native'
 import { useDispatch, useSelector } from 'react-redux'
 
@@ -31,8 +32,6 @@ import { ProfileTabNavigator } from './ProfileTabNavigator'
 import { useSelectProfile } from './selectors'
 const { requestOpen: requestOpenShareModal } = shareModalUIActions
 const { fetchProfile: fetchProfileAction, resetProfile } = profilePageActions
-const { reset: resetTracks } = tracksActions
-const { reset: resetFeed } = feedActions
 const { getProfileStatus } = profilePageSelectors
 const getUserId = accountSelectors.getUserId
 
@@ -71,15 +70,18 @@ export const ProfileScreen = () => {
     [dispatch, handle, user_id]
   )
 
-  useEffect(() => {
+  const clearProfile = useCallback(() => {
+    dispatch(resetProfile())
+    dispatch(tracksActions.reset())
+    dispatch(feedActions.reset())
+  }, [dispatch])
+
+  const handleLoadProfile = useCallback(() => {
     fetchProfile()
+    return clearProfile
+  }, [fetchProfile, clearProfile])
 
-    return () => {
-      dispatch(resetProfile())
-      dispatch(resetTracks())
-      dispatch(resetFeed())
-    }
-  }, [dispatch, fetchProfile])
+  useFocusEffect(handleLoadProfile)
 
   const handleRefresh = useCallback(() => {
     if (profile) {