aleph.js
aleph.js copied to clipboard
anchor tag to href="/" is broken
trafficstars
I have just created a project and I added an about.tsx page to test things out. So far in the about page I only have this code:
import React from 'https://esm.sh/react'
export default function About() {
return (
<>
<head>
<title>About</title>
</head>
<h1>about page here!</h1>
<a href="/">go to home</a>
</>
)
}
Somehow, by just hovering over the go to home link, the page styling changes, everything and moves to the centre of the screen.
Taking a look at the inspector, I see that whenever I hover over that link, the main.css file (originally included in index.tsx) gets loaded in lazily.
This happens only if href is set to /.
Any ideas?