ReferenceError: Can't find variable: DetailPage 라고 뜨는데

어디가 문제일까요?

작성한 코드 및 에러 메세지

import React from 'react'
import MainPage from './pages/MainPage';
import AboutPage from './pages/AboutPage';


export default function App(){
  // return (<MainPage/>)
  //return (<AboutPage/>)
  return (<DetailPage/>)
}

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!

import React from 'react'
import {StyleSheet,View,Text} from 'react-native'


const tip = {
    "idx":9,
    "category":"재테크",
    "title":"렌탈 서비스 금액 비교해보기",
    "image": "https://storage.googleapis.com/sparta-image.appspot.com/lecture/money1.png",
    "desc":"요즘은 정수기, 공기 청정기, 자동차나 장난감 등 다양한 대여서비스가 활발합니다. 사는 것보다 경제적이라고 생각해 렌탈 서비스를 이용하는 분들이 늘어나고 있는데요. 다만, 이런 렌탈 서비스 이용이 하나둘 늘어나다 보면 그 금액은 겉잡을 수 없이 불어나게 됩니다. 특히, 렌탈 서비스는 빌려주는 물건의 관리비용까지 포함된 것이기에 생각만큼 저렴하지 않습니다. 직접 관리하며 사용할 수 있는 물건이 있는지 살펴보고, 렌탈 서비스 항목에서 제외해보세요. 렌탈 비용과 구매 비용, 관리 비용을 여러모로 비교해보고 고민해보는 것이 좋습니다. ",
    "date":"2020.09.09"
}


export default function DetailPage(){
    return (
        <View style={styles.container}>
            <Text>테스트</Text>
        </View>


    )
}


const styles = StyleSheet.create({
    container: {
        flex: 1,
        
        
    },
});