* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

import React from 'react';

//이제 모든 페이지 컴포넌트들이 끼워져있는 책갈피를 메인에 둘예정이므로

//컴포넌트를 더이상 불러오지 않아도 됩니다.

// import MainPage from './pages/MainPage';

// import DetailPage from './pages/DetailPage';

import { StatusBar } from 'expo-status-bar';

//메인에 세팅할 네비게이션 도구들을 가져옵니다.

import {NavigationContainer} from '@react-navigation/native';

import StackNavigator from './navigation/StackNavigator'

export default function App() {

 console.disableYellowBox = true;

 return ( 

 <NavigationContainer>

  <StatusBar style="black" />

  <StackNavigator/>

 </NavigationContainer>);

}

위 코드를 복붙해서 실행시키니 아래와 같은 오류가 나왔습니다.

무엇이 잘못된 걸까요?

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠

르게 상황을 이해할 수 있어요.