From 7114d20ae220cbb7e8efcbea053c102543dbc90e Mon Sep 17 00:00:00 2001
From: Michael Bromley <michael@michaelbromley.co.uk>
Date: Wed, 17 Jul 2024 13:21:57 +0200
Subject: [PATCH] docs: Fix rendering of default values in reference docs

---
 docs/src/components/MemberInfo/index.tsx | 5 ++++-
 scripts/docs/typescript-docs-renderer.ts | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/src/components/MemberInfo/index.tsx b/docs/src/components/MemberInfo/index.tsx
index 7f36c223bc..3255aafa52 100644
--- a/docs/src/components/MemberInfo/index.tsx
+++ b/docs/src/components/MemberInfo/index.tsx
@@ -33,7 +33,10 @@ export default function MemberInfo(props: {
             {props.default && (
                 <div className={styles.default}>
                     <div className="label">default:</div>
-                    <code>{props.default}</code>
+                    <code
+                        dangerouslySetInnerHTML={{ __html: props.default }}
+                        className="margin-horiz--sm padding-horiz--sm"
+                    ></code>
                 </div>
             )}
         </div>
diff --git a/scripts/docs/typescript-docs-renderer.ts b/scripts/docs/typescript-docs-renderer.ts
index 29eafe16ef..30c481c989 100644
--- a/scripts/docs/typescript-docs-renderer.ts
+++ b/scripts/docs/typescript-docs-renderer.ts
@@ -292,7 +292,7 @@ export class TypescriptDocsRenderer {
             if (member.kind === 'property') {
                 type = this.renderType(member.type, knownTypeMap, docsUrl);
                 defaultParam = member.defaultValue
-                    ? `default="${this.renderType(member.defaultValue, knownTypeMap, docsUrl)}" `
+                    ? `default={\`${this.renderType(member.defaultValue, knownTypeMap, docsUrl)}\`} `
                     : '';
             } else {
                 const args = member.parameters