Why does the error “JSX element type ‘Home’ does not have any construct or call signatures.” appear when using react-router-dom?

I have tried to use react-router-dom to create my routes, but I have this error:

JSX element type ‘Home’ does not have any construct or call
signatures.

I have this component:

import React from "react";

function Home() {
  return <div>Home</div>;
}

export default { Home };

And here is where I am using the route:

 import React from "react";
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";

import Home from "./Pages/Home/Home";

export default function AppRoutes() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<Home />} />
      </Routes>
    </Router>
  );
}