From 81bfa12c49411c84f0c78b97adbc2e1185338170 Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Fri, 18 Sep 2026 10:15:18 +0800
Subject: [PATCH] fix(react): `renderLabel` the search result hit description

---
 .changeset/search-hit-description-code.md                 | 5 +++++
 packages/react/src/html/ui/components/SearchBox/index.jsx | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/search-hit-description-code.md

diff --git a/.changeset/search-hit-description-code.md b/.changeset/search-hit-description-code.md
new file mode 100644
index 00000000..15ed3a78
--- /dev/null
+++ b/.changeset/search-hit-description-code.md
@@ -0,0 +1,5 @@
+---
+'@doc-kit/generator-react': patch
+---
+
+Render backticks in search result descriptions as inline code
diff --git a/packages/react/src/html/ui/components/SearchBox/index.jsx b/packages/react/src/html/ui/components/SearchBox/index.jsx
index f8904329..61b44322 100644
--- a/packages/react/src/html/ui/components/SearchBox/index.jsx
+++ b/packages/react/src/html/ui/components/SearchBox/index.jsx
@@ -11,6 +11,7 @@ import styles from './index.module.css';
 import useOrama from '../../hooks/useOrama.mjs';
 import withIsland from '../../islands/withIsland.jsx';
 import { relativeOrAbsolute } from '../../utils/relativeOrAbsolute.mjs';
+import { renderLabel } from '../../utils/renderLabel.jsx';
 
 /**
  * Dismisses the search modal the clicked hit sits in
@@ -62,6 +63,7 @@ const SearchBox = ({ pathname }) => {
               as={SearchHitLink}
               document={{
                 ...hit.document,
+                description: renderLabel(hit.document.description),
                 href: relativeOrAbsolute(hit.document.href, pathname),
               }}
             />