fix: replace invalid <p> wrapping Button with <div> (#768)

* fix: replace invalid <p> wrapping Button with <div>

The Button component renders a <div> in its primary variant. HTML
disallows block elements inside <p>, so browsers auto-close the <p>
during parsing and React 19 reports a hydration mismatch. The
float="center" attribute was non-functional, so rendering is unchanged.

* chore: gitignore .playwright-mcp run artifacts
This commit is contained in:
Jack Carter
2026-05-27 13:51:03 -07:00
committed by GitHub
parent 14efe3f46a
commit d1936d99ec
18 changed files with 37 additions and 34 deletions
@@ -54,9 +54,9 @@ This will reset MFA for the user, and they will need to set it up again during t
</p>
## Get started
<p float="center" >
<div>
<Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
</p>
</div>
- Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
- Follow us [on X](https://x.com/netbird)