cuando llamo a una matriz su error de retorno en console.log(). Debajo de mi código está. Creo memesData.js que contiene una matriz sobre los datos y quiero llamarlo desde meme.js pero cuando lo llamo me da un error en consola

 '''' 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)'''