I have a react component with the linkTo prop set up, but when I try hitting the button I get a 404. I'm 99.999% certain my path is correct, but I know I could easily be wrong.

Here is my code:
//@refresh reset
import { useState } from "react";
function Header({ title }) {
return (
<h1
style={{
backgroundColor: "aqua",
textAlign: "center",
}}
>
{title ? title : "bobonlan.com"}
</h1>
);
}

function BasicButton({ title, linkTo }) {
return (
<a href={linkTo}>
<button
style={{
width: "100px",
height: "30px",
borderRadius: "15px",
fontFamily: "Arial",
fontSize: "15px",
letterSpacing: "0.5px",
fontWeight: "bold",
textDecoration: "none solid rgb(68, 68, 68)",
fontStyle: "italic",
fontVariant: "normal",
textTransform: "uppercase",
color: "fuchsia",
cursor: "pointer",
}}
>
{title}
</button>
</a>
);
}

export default function HomePage() {
return (
<div>
<Header title="bobonlan.com" />
<BasicButton title="twitch.tv" linkTo="https://twitch.tv/bobonlan" />
<BasicButton title="twitter" linkTo="https://twitter.com/bobonlan" />
<BasicButton
title="what the"
linkTo="./../Real Web Page Shit/Minesweeper/Menu Screen/indexone.html"
/>
</div>
);
}