Function Header

packages/solid-router/tests/loaders.test.tsx:488–508

()

  })

  function Header() {
    const router = useRouter()
    const ctx = appRoute.useRouteContext()

    return (
      <div>
        Header Counter: <p data-testid="header-counter">{ctx().counter}</p>
        <button
          onClick={() => {
            router.invalidate()
          }}
          data-testid="invalidate-router"
          style={{
            border: '1px solid blue',
          }}
        >
          Invalidate router
        </button>
      </div>
    )
  }

  const indexRoute = createRoute({
    getParentRoute: () => appRoute,