Expo crashes when using Redux only iOS

Expo SDK
1
  1. SDK Version: 47
  2. Platforms(Android/iOS/web/all): iOS

Hello,

I used this command:

npx expo start --no-dev --minify

On android it works perfect, also in development for both. But in production iOS (Iphone) its crashes when I use Provider={store}.

App.tsx

enableScreens(true);

// Keep the splash screen visible while we fetch resources
SplashScreen.preventAutoHideAsync();

export default function App() {
  const [ready, setReady] = useState<boolean>(false);

  useEffect(() => {
    (async () => {
      await Font.loadAsync({
        Fredoka_medium: require('./assets/fonts/Raleway-SemiBold.ttf'),
        Fredoka_light: require('./assets/fonts/Raleway-Light.ttf'),
        Fredoka_regular: require('./assets/fonts/Raleway-Regular.ttf'),
      });
    //  const userToken = await SecureStore.getItemAsync('UserSecureToken');
    const userToken = 2121;
      if(userToken) {
        setReady(true);
      } else {
       // await SecureStore.setItemAsync('UserSecureToken', 'test_token');
        setReady(true);
      }
    })()
  }, []);

  const onLayoutRootView = useCallback(async () => {
    if (ready) {
      await SplashScreen.hideAsync();
    }
  }, [ready]);

  if(!ready) {
    return null;
  }

  return (
    <Suspense fallback={<Text>Loading...</Text>}>
      <Provider store={store}>
      <SafeAreaProvider>
        <SafeAreaView style={s.rootView}>
          <GestureHandlerRootView style={s.rootView}>
            <NavigationContainer onReady={onLayoutRootView}>
              <Host>
                <Text>Hello</Text>
              </Host>
              <Toast position='bottom' config={ToastConfig} />
            </NavigationContainer>
            </GestureHandlerRootView>
          </SafeAreaView>
        </SafeAreaProvider>
      </Provider>
    </Suspense>
  );
}

Store.ts

import { configureStore } from "@reduxjs/toolkit";
import { Api } from "./apis/api";

const store = configureStore({
  reducer: {
    [Api.reducerPath]: Api.reducer,
  },
  middleware: (getDefaultMiddleware) => getDefaultMiddleware().
  concat(Api.middleware),
  devTools: process.env.NODE_ENV !== 'production',
});

export type RootState = ReturnType<typeof store.getState>;

export default store;

Where I can see my error log ? And can anyone help me please ?

PS: if I remove Provider={store} then its works

2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.