feat(suite-native): init store only if the app is active (foreground)

Author: matejkriz

Diff for: suite-native/state/src/StoreProvider.tsx

@@ -1,4 +1,5 @@
-import { ReactNode, useEffect, useState } from 'react';
+import { ReactNode, useEffect, useRef, useState } from 'react';
+import { AppState } from 'react-native';
 import { Provider } from 'react-redux';
 
 import { EnhancedStore } from '@reduxjs/toolkit';
@@ -14,23 +15,37 @@ type StoreProviderProps = {
 };
 
 export const StoreProvider = ({ children }: StoreProviderProps) => {
+    const initStoreCalledRef = useRef(false);
     const [store, setStore] = useState<EnhancedStore | null>(null);
     const [storePersistor, setStorePersistor] = useState<Persistor | null>(null);
 
+    const initStoreAsync = async () => {
+        initStoreCalledRef.current = true;
+        try {
+            const freshStore = await initStore();
+            const freshPersistor = persistStore(freshStore);
+            setStore(freshStore);
+            setStorePersistor(freshPersistor);
+        } catch (error) {
+            console.error('Init store error:', error);
+            Sentry.captureException(error);
+        }
+    };
     useEffect(() => {
-        const initStoreAsync = async () => {
-            try {
-                const freshStore = await initStore();
-                const freshPersistor = persistStore(freshStore);
-                setStore(freshStore);
-                setStorePersistor(freshPersistor);
-            } catch (error) {
-                console.error('Init store error:', error);
-                Sentry.captureException(error);
+        const subscription = AppState.addEventListener('change', nextAppState => {
+            if (!initStoreCalledRef.current && nextAppState === 'active') {
+                initStoreAsync();
             }
-        };
+        });
+
+        if (!initStoreCalledRef.current && AppState.currentState === 'active') {
+            initStoreAsync();
+            subscription.remove();
+        }
 
-        initStoreAsync();
+        return () => {
+            subscription.remove();
+        };
     }, []);
 
     if (store === null || storePersistor === null) return null;