Cannot use 'in' operator to search for 'path' in undefined in vue 3

Can any one help me to resolve the below error?

"Cannot use 'in' operator to search for 'path' in undefined"

router/index.js file

import { createRouter, createWebHistory } from 'vue-router';

import Home from "../components/Home.vue";
import Login from "../components/Login.vue";
import Register from "../components/Register.vue";

const routes = [
    {
        path: '/',
        component: Home
    },
    {
        path: '/login',
        component: Login
    },
    {
        path: '/register',
        component: Register
    },
];

const router = createRouter({
    history: createWebHistory,
    routes,
});

export default router;
```

main.js file

```
import { createApp } from 'vue'
import {createPinia} from "pinia"
import router from './router'

import './axios'
import './style.css'
import App from './App.vue'

const pinia = createPinia();
const app = createApp(App);
app.use(pinia);
app.use(router);

app.mount('#app')


```