From 89f17dc4efcd744369f95d796307e213c4e03b09 Mon Sep 17 00:00:00 2001
From: avivkeller <me@aviv.sh>
Date: Tue, 15 Sep 2026 14:36:34 -0400
Subject: [PATCH] fix(crosslinks): `renderLabel` the labels

---
 .changeset/some-months-exist.md                        | 5 +++++
 packages/react/src/html/ui/components/Layout/index.jsx | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/some-months-exist.md

diff --git a/.changeset/some-months-exist.md b/.changeset/some-months-exist.md
new file mode 100644
index 00000000..93fb16b5
--- /dev/null
+++ b/.changeset/some-months-exist.md
@@ -0,0 +1,5 @@
+---
+'@doc-kit/generator-react': patch
+---
+
+fix(crosslinks): `renderLabel` the labels
diff --git a/packages/react/src/html/ui/components/Layout/index.jsx b/packages/react/src/html/ui/components/Layout/index.jsx
index 20a0dac1..1c89ee27 100644
--- a/packages/react/src/html/ui/components/Layout/index.jsx
+++ b/packages/react/src/html/ui/components/Layout/index.jsx
@@ -5,6 +5,7 @@ import Article from '@node-core/ui-components/Containers/Article';
 import Banner from '../Banner';
 import styles from './index.module.css';
 import { relativeOrAbsolute } from '../../utils/relativeOrAbsolute.mjs';
+import { renderLabel } from '../../utils/renderLabel';
 
 import { navigation, chunks } from '#theme/config';
 import Footer from '#theme/Footer';
@@ -94,7 +95,7 @@ export default ({ metadata, headings, readingTime, children }) => {
                   <CrossLink
                     type="previous"
                     label="Previous"
-                    text={previousCrossLink.label}
+                    text={renderLabel(previousCrossLink.label)}
                     link={previousCrossLink.link}
                   />
                 )) || <div />}
@@ -103,7 +104,7 @@ export default ({ metadata, headings, readingTime, children }) => {
                   <CrossLink
                     type="next"
                     label="Next"
-                    text={nextCrossLink.label}
+                    text={renderLabel(nextCrossLink.label)}
                     link={nextCrossLink.link}
                   />
                 )}