SolidJSS
SolidJS•13mo ago•
1 reply
Liquido

Client side navigation does not render a page

I am using FileRouter and I have a page in this file:

/routes/items/(view-item).tsx


I also have a sidebar where the links in the sidebar are defined using the <A> tag:

function SidebarLink(props) {
  return <A href={props.href}>{props.children}</A>
}

function Sidebar() {
  // simplified version
  return <ul>
    <li><SidebarLink href="/items">Items</SidebarLink></li>
    <li><SidebarLink href="/users">Users</SidebarLink></li> {/* this page does not exist on purpose */}
  </ul>
}


When I navigate to "users", I get the 404 page as expected and I see that the 404 component is rendered. However, when I navigate to "/items", the page does not render anything (full blank). If I refresh the page, everything renders as expected.
Was this page helpful?