Estou utilizando export const para fazer um menu o caso que n sei como vou para routers assim

export const MenuItems = [

  {

    title: "Programaçao",

    url: "",

    cName: "nav-links",

  },

  {

    title: "Produtos",

    url: "#",

    cName: "nav-links",

  },

  {

    title: "Cadastro",

    url: "#",

    cName: "nav-links",

  },

  {

    title: "Embreve",

    url: "#",

    cName: "nav-links",

  },

  {

    title: "Login",

    url: "#",

    cName: "nav-links-mobile",

  },

];

Como assim ir para routers?

Bom, de qualquer forma, agora eu vi que voce esta utilizando React, a coisa maravilhosa sobre React é que routing ja é controlado atraves de um servico vinculado a estrutura do React chamado ReactRouterDOM. O formato da sua data structure esta ok, voce precisa alterar as keys e values mas a ideia é a mesma.

Por um tempo React parou de recomendar um ponto centralizado para rotas como o que voce tem acima, mas eu estou surpreso que eles voltaram atras com essa ideia. O ponto exato que voce esta procurando é esse aqui: Switch

<Switch>
  {routes.map((route, i) => (
    <RouteWithSubRoutes key={i} {...route} />
  ))}
</Switch>