Description

There is a hydration error occurring in the Components section of the Sistent page on the Layer5 website when running locally. This issue causes the page to behave unexpectedly in production, sometimes resulting in multiple footers being visible.

The issue either happens when:

1. Refreshing the page in the Components section.
2. Opening the Components section directly in a new tab by copying its link.

Expected Behavior

The page should display the Components section correctly without causing any layout issues or multiple footers. It should behave as expected on both initial load and after refreshing or navigating directly to the section.

Screenshots

Locally: https://github.com/user-attachments/assets/00c41308-1f6a-49e9-862b-12ada2da8955
Production:

Environment:

• Host OS:
• Browser:

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.