React routes show blank screen when the page refreshes locally

Question

I am working on a dashboard that has a sidebar with different routes and I initialized them in an array as follows:

const sideBar = [
{
  id: 0,
  name: "