Issues dynamically building routes from mapping an object in React Router

Question

Not sure if I understand this correctly. But I would like to build routes from arrays and objects dynamically and not have to code them individually. I made this App to demons