diff --git a/spotifymusic08/src/components/ControlCenter.tsx b/spotifymusic08/src/components/ControlCenter.tsx
index f2f3c5e..5b45025 100644
--- a/spotifymusic08/src/components/ControlCenter.tsx
+++ b/spotifymusic08/src/components/ControlCenter.tsx
@@ -36,10 +36,14 @@ const ControlCenter = () => {
         <Pressable onPress={skipToPrevious}>
             <Icon style={styles.icon} name="skip-previous" size={40} />
         </Pressable>
-        <Pressable onPress={() => togglePlayback(playBackState)}>
+        <Pressable onPress={()=>{
+          if(playBackState.state !== undefined){
+            togglePlayback(playBackState.state)
+          }
+        } >
             <Icon 
             style={styles.icon} 
-            name={playBackState === State.Playing ? "pause" : "play-arrow"} 
+            name={playBackState.state === State.Playing ? "pause" : "play-arrow"} 
             size={75} />
         </Pressable>
         <Pressable onPress={skipToNext}>
@@ -66,4 +70,4 @@ const styles = StyleSheet.create({
     },
   });
 
-export default ControlCenter
\ No newline at end of file
+export default ControlCenter