4강 강의내용 활용해보려고 하는데

리얼타임베이스에서 찜하기를 만들었을 때 그 찜목록을 리얼타임베이스 like 항목에 들어가게하고

찜목록 페이지에서 like data를 가지고와서 페이지에 구현해보려고 하는데

cannot read property 'map' undefiend라고 뜨네요..

작성한 코드 및 에러 메세지

import React, { useEffect, useState } from 'react';
import {View, StyleSheet, Image, TouchableOpacity, Text, ScrollView} from 'react-native';
import { Provider } from 'react-native-paper';
import data from '../../../data.json'
import CateCard from '../form/CateCard';
import { firebase_db } from '../../../firebaseConfig';



export default function DibListPage() {
  
  const [stateMap,setStateMap] = useState([])
  const [cateState,setCateState] = useState([])


  const [index, setIndex] = React.useState(0);


  let like = data.like


  
  useEffect(()=>{


   
      firebase_db.ref('/like').once('value').then((snapshot)=>{
        console.log('파이어베이스에서 데이터 가져왔습니다!')
        let like = snapshot.val();
        setStateMap(data.like)
        setCateState(data.like)
      })
    
  },[like])
 


  return (
    <Provider>
   
      
      <ScrollView style={styles.middleContainer}>
        {
          like.map((content, i)=>{
            return(
              <Card content = {content} key = {i}/>
                
            )
          })
        }
      </ScrollView>


      
    </Provider>
  );
}