'NavigationContainer' 중첩 오류

안녕하세요, React Navigation 강의를 수강하다가 오류가 해결되지 않아서 질문드립니다.

expo를 통해 다음과 같이 index.js에 React Navigation을 적용했습니다.

import { store } from "@/redux/store";
import MainScreen from "./screens/MainScreen";
import { Provider } from "react-redux";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import LoginScreen from "./screens/LoginScreen";

export default function HomeScreen() {
  const Stack = createNativeStackNavigator();
  return (
    <Provider store={store}>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen name="Main" component={MainScreen} />
          <Stack.Screen name="Login" component={LoginScreen} />{" "}
        </Stack.Navigator>
      </NavigationContainer>
    </Provider>
  );
}

그러나 다음과 같은 오류가 뜨며 빈화면만 보이더라구요ㅠ

Error: Looks like you have nested a 'NavigationContainer' inside another. Normally you need only one container at the root of the app, so this was probably an error. If this was intentional, pass 'independent={true}' explicitly. Note that this will make the child navigators disconnected from the parent and you won't be able to navigate between them.

찾아보니 NavigationContainer가 중첩되었다는 것 같은데, 저는 계속해서 그대로 강의를 따라가고 있었고, 따로 NavigationContainer를 적용한 파일이 존재하지 않습니다 ㅠ

다음 속성을 추가해도 오류가 해결되지 않습니다 ㅠ 아마 어디선가 부모에서 NavigationContainer가 적용된 것 같은데 찾을 수가 없네요 ㅠㅠ

independent={true}

조금 더 찾아보니 expo-router랑 충돌이 난 거일 수도 있다는데 정확하게 모르겠네요 ㅠㅠ

<NavigationContainer independent={true}>
  <Stack.Navigator>
    <Stack.Screen name="Main" component={MainScreen} />
    <Stack.Screen name="Login" component={LoginScreen} />  
  </Stack.Navigator>
</NavigationContainer>