3주차 숙제 중 어바웃 페이지를 앱의 버튼과 연결시키는 중인데

import React from 'react'

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

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

export default function AboutPage({navigation,route}){

useEffect(()=>{

navigation.setOptions({

title:"소개 페이지",

headerStyle: {

backgroundColor: 'blue',

shadowColor: "blue",

},

headerTintColor: "#fff",

})

},[])

return (

<View style={styles.container}>

<StatusBar style="light" />

<Text style={styles.containerText}>HI! 스파르타코딩 앱개발 반에 오신 것을 환영합니다</Text>

<View style={styles.middleContainder}>

<Image style={styles.middleImage} source={{url:'https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4'}}/>

<Text style={styles.middleText01}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>

<Text style={styles.middleText02}>꼭 완주하셔서 꼭 여러분 것으로 만들어가시길 바랍니다.</Text>

<TouchableOpacity style={styles.buttonContainer}>

<Text style={styles.buttonText}>여러분의 인스타계정</Text>

</TouchableOpacity>

</View>

</View>

);

}

제 어바웃 페이지 코드에서 버튼을 누르면 타이틀 부분이 흰색으로 나오는 걸 해결하기 위해 고민하다 답이 안 나와

정답의 useEffect 부분이 다른 걸 보고 그 부분을 복사해서 넣었습니다.

정답의 어바웃 페이지를 복사해서 넣으면 완벽하게 실행되는데

이상하게 제가 짰던 코드에만 넣으면 오류가 나네요.

제가 짰던 코드도 useEffect 부분만 빼면 오류가 뜨지 않고 (타이틀 부분은 흰색이지만) 실행이 됩니다.

어떤 부분이 정답과 달라서 오류가 뜨는지 알 수 없네요 ㅠㅠ