reactjs – data.map is not a function error in node js

I created a Mern project where am using fetch API to get data from the backend. Every time I fetch data it shows in the console but dose not appear on the screen. when I check the error message it says cannot read properties of undefined reading map.
Please someone should help me why is my data fetched from the backend and is shown in the console but not displaying on my screen. Thanks for helping

here is a link to my code sandbox
codesandbox.io/p/github/Emmaluga/food/main?import=true