Navigation Reset works on development but not on production

[alexrequelme]

I have this root navigation

<NavigationContainer onReady={onLayoutRootView} linking={isAuthenticated && appLinking}>
      <Stack.Navigator
        id="root"
        screenOptions={defaultStackScreenOptions}
        initialRouteName={initialRouteName}
      >
        {isAuthenticated ? (
          <>
            <Stack.Screen
              name={SCREENS.HOME}
              component={HomeBottomTabNavigator}
              options={{ headerShown: false }}
            />
           <Stack.Screen
              name={SCREENS.ONBOARDING_FLOW}
              component={OnboardingNavigator}
              options={{ headerShown: false }}
            />                        
          </>
        ) : (
            <Stack.Screen name={SCREENS.LOGIN} component={Login} options={{ headerShown: false }} />
        )}
      </Stack.Navigator>
</NavigationContainer>

The Onboarding Navigator

<Stack.Navigator screenOptions={{ ...options, contentStyle: {}, title: "" }}>
          <Stack.Screen name={SCREENS.ONBOARDING_BIRTHDAY} component={OnboardingBirthday} />
          <Stack.Screen
            name={SCREENS.ONBOARDING_PROFILE}
            component={OnboardingProfile}
            options={{ headerRight: _profileHeaderRight }}
          />
          <Stack.Screen
            name={SCREENS.ONBOARDING_COMPLETE}
            component={OnboardingComplete}
            options={{ headerShown: false, presentation: "transparentModal", animation: "fade" }}
          />
</Stack.Navigator>

On the OnboardingComplete Screen (which is a modal that renders a loading) I call this function and I navigate to the Home Screen but the problem is that the modal doesn't close.

navigation.getParent("root").reset({ index: 0, routes: [{ name: SCREENS.HOME }] });