Problem with SolidJS router

import { Router, Route } from '@solidjs/router';
import { createSignal } from 'solid-js';

import PageWrapper from '../components/PageWrapper';

import Home from './Home';

export default function App() {
  const [showNavbar, setShowNavbar] = createSignal(true);

    return (
      <Router>
          <Route path="/" component={() => <PageWrapper showNavbar={showNavbar}/>}>
            <Route path="/" component={() => <Home setShowNavbar={setShowNavbar} />}/>
            <Route path="/about" component={() => <div>Über uns</div>} />
            <Route path="/contact" component={() => <div>Kontakt</div>} />
            <Route path="/download" component={() => <div class="text-black">Download</div>} />
          </Route>
      </Router>
    )
}