import { Route, Routes } from "react-router-dom";

const AppRoutes = () => {
    return (
        <Routes>
            <Route path="/" element={<span>Home Page</span>} />
        </Routes>
    );
};

export default AppRoutes;

Here’s the code (https://i.sstatic.net/21ZT7tM6.png)
(https://i.sstatic.net/7EYp6weK.png)

‘Routes’ refers to a value, but is being used as a type here.

Why this is not working …