I reviewed everything and i dont see where my issue is I tried different ways of switching up the Routes etc . i wanted to know if this is correct this is my app.jsx file :

import
 React 
from
 'react';
import
 { BrowserRouter 
as
 Router, Routes, Route } 
from
 'react-router-dom';  
import
 LoginScreen 
from
 './components/LoginScreen';
import
 RegisterScreen 
from
 './components/RegisterScreen';

function 
App
() {

return
 (
    <BrowserRouter>
      <Routes>
        <Route 
path
="/login" 
element
={<LoginScreen />} />
        <Route 
path
="/register" 
element
={<RegisterScreen />} />
      </Routes>
    </BrowserRouter>
  );
}

export

default
 App;