Route doesn't work on live site

Support
1

site: https://ewald-janz.netlify.app/

when visiting https://ewald-janz.netlify.app/works I am getting the error in attached image

Screenshot 2023-10-18 at 2.40.34 PM
Screenshot 2023-10-18 at 2.40.34 PM870×590 40.7 KB

build is fine

this is my App.js – I assume the error lies here?

import {
  BrowserRouter as Router,
  Routes,
  Route,
} from "react-router-dom";
import Index from "./components/Index";
import Works from "./components/Works";


function App() {
  return (
    <div className="App">
      <Router>
        <Routes>
          <Route path="/works" element={<Works/>} />
          <Route exact path="/" element={<Index/>}/>
        </Routes>
      </Router>
    </div>
  );
}

export default App;

Thanks in advance!

2

See: