Help with solid-router

Error: Make sure your app is wrapped in a <Router />

Error: Make sure your app is wrapped in a <Router />

/* @refresh reload */
import { render } from 'solid-js/web'

import App from './App'
import "./assets/styles/main.css";

import { Router, Route } from "@solidjs/router";


render(() => (
<Router>
<Route path="/" component={App} />
</Router>
), document.getElementById("app"));

/* @refresh reload */
import { render } from 'solid-js/web'

import App from './App'
import "./assets/styles/main.css";

import { Router, Route } from "@solidjs/router";


render(() => (
<Router>
<Route path="/" component={App} />
</Router>
), document.getElementById("app"));

import Navbar from './components/includes/navbar';

import { useNavigate } from '@solidjs/router'
const n = useNavigate()

function App() {
  return (
    <>
    <Navbar />
    </>
  )
}

export default App

import Navbar from './components/includes/navbar';

import { useNavigate } from '@solidjs/router'
const n = useNavigate()

function App() {
  return (
    <>
    <Navbar />
    </>
  )
}

export default App