when i call a array its return error in console.log().below my code is.i create memesData.js which contain array about the data and i want to call it from meme.js but when i call it give me some error in console.

'''' 
 import React from "react";
import memesData from "./memesData";
export default function Meme() {
 function getMemeImage() {
const memesArray = memesData.data.memes;
const randomNumber = Math.floor(Math.random() * memesArray.length);
const url = memesArray[randomNumber].url;
console.log(memesData.data.memes[0].url);
   }
 return (
  <main>
  <div className="form">
    <input type="text" placeholder="Top text" className="form--input" />
    <input type="text" placeholder="Bottom text" className="form--input" />
    <button className="form--button" onClick={getMemeImage}>
      Get a new meme image 
        </button>
       </div>
    </main>
   )
   }
'''

'''Uncaught TypeError: Cannot read properties of undefined (reading 'memes')
at getMemeImage (Meme.js:5:1)
at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)'''