Problem componentlerden turnakları kaldırınca çözüldü :)

Herkese merhaba, reactta henüz yeniyim ve aşağıdaki kod örneğinde şöyle birşey yapmak istiyorum ama çözümünü bulamadım yardımcı olur musunuz ?

İstediğim şey data değişkenini map ile döngüye sokarak aşağıdaki Route yapısını oluşturmak istiyorum ama ne yaparsam yapayım hata veriyor çözümünü nasıl sağlayabilirim acaba ?

Aşağıdaki kod şu anda çalışıyor ama datayı map içerisine aldığımda çalıştıramıyorum.

const data=[
    {
      path:"/",
      component:"<Home />"
    },
    {
      path:"/hakkimizda",
      component:"<Hakkimizda />"
    },
    {
      path:"/hizmetlerimiz",
      component:"<Hizmetlerimiz />"
    }
  ]

  return (
      <Router>
        <Header />
        <Routes>
            <Route path="/"  element={<Home />} />
            <Route path="/hakkimizda"  element={<Hakkimizda />} />
            <Route path="/hizmetlerimiz"  element={<Hizmetlerimiz />} />
        </Routes>
      </Router>
  );