BUG Hydration Errors

[codingwithmanny]

Context

When creating a new vocs site, the main page has hydration issues.

Steps To Reproduce

1. Create new project

pnpm create vocs;

# Follow prompts;

2. Install dependencies

# FROM: ./myproject

pnpm install;

3. Run vocs

# FROM: ./myproject

pnpm dev;

4. See errors on main page (see screenshot)

NOTE: This only seems to be on the main page.

Possible Solution

Process of elimination shows that it has something to do with the <HomePage.Logo>

When I change the file and remove Logo it works fine:

---
layout: landing
---

import { HomePage } from 'vocs/components'

<HomePage.Root>
-  <HomePage.Logo />
  <HomePage.Tagline>My Awesome Docs</HomePage.Tagline>
  <HomePage.InstallPackage name="vocs" type="init" />
  <HomePage.Description>This is a description of my documentation website.</HomePage.Description>
  <HomePage.Buttons>
    <HomePage.Button href="/getting-started" variant="accent">Get started</HomePage.Button>
    <HomePage.Button href="https://github.com/wevm/vocs">GitHub</HomePage.Button>
  </HomePage.Buttons>
</HomePage.Root>