shoe-store | A shoe store using React , react-router-v6 ️ ️ | Router library

I am quite new to react (and still learning), so I apologize if the problem is too basic.

I have created a shoe store App (inspired by this tutorial on React Router v6)

The problem I am facing is that the App works perfectly on development build.

But when I create a production build (yarn build) and serve it using npx serve -s build, I get an empty page

The console gives an error that shoeData (a javascript object on a separate shoeData.js file with named export.) is not defined. There was no such error on development build. In fact, just before the errors on the console in the production build, an array has been logged twice using the following code