Pull useQueryClient-dependent code down in App.native

src/App.native.tsx

@@ -53,12 +53,10 @@ SplashScreen.preventAutoHideAsync()
 function InnerApp() {
   const {isInitialLoad, currentAccount} = useSession()
   const {resumeSession} = useSessionApi()
-  const queryClient = useQueryClient()
   const theme = useColorModeTheme()
   const {_} = useLingui()
 
   useIntentHandler()
-  useNotificationsListener(queryClient)
 
   // init
   useEffect(() => {
@@ -78,6 +76,7 @@ function InnerApp() {
             // Resets the entire tree below when it changes:
             key={currentAccount?.did}>
             <QueryProvider>
+              <PushNotificationsListener>
                 <StatsigProvider>
                   <LabelDefsProvider>
                     <LoggedOutViewProvider>
@@ -97,6 +96,7 @@ function InnerApp() {
                     </LoggedOutViewProvider>
                   </LabelDefsProvider>
                 </StatsigProvider>
+              </PushNotificationsListener>
             </QueryProvider>
           </React.Fragment>
         </Splash>
@@ -105,6 +105,12 @@ function InnerApp() {
   )
 }
 
+function PushNotificationsListener({children}: {children: React.ReactNode}) {
+  const queryClient = useQueryClient()
+  useNotificationsListener(queryClient)
+  return children
+}
+
 function App() {
   const [isReady, setReady] = useState(false)