docs: Fix rendering of default values in reference docs

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>

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