diff --git a/src/core/primitives/code/code.tsx b/src/core/primitives/code/code.tsx
index 7af3e562a..6c1e892d9 100644
--- a/src/core/primitives/code/code.tsx
+++ b/src/core/primitives/code/code.tsx
@@ -31,7 +31,7 @@ export const Code = forwardRef(function Code(
   return (
     <StyledCode data-ui="Code" {...restProps} $size={useArrayProp(size)} $weight={weight} ref={ref}>
       <Suspense fallback={<code>{children}</code>}>
-        <LazyRefractor language={language} value={String(children)} />
+        <LazyRefractor language={language} value={children} />
       </Suspense>
     </StyledCode>
   )
diff --git a/src/core/primitives/code/refractor.tsx b/src/core/primitives/code/refractor.tsx
index d274bdb10..2c831c203 100644
--- a/src/core/primitives/code/refractor.tsx
+++ b/src/core/primitives/code/refractor.tsx
@@ -1,8 +1,9 @@
 import Refractor from 'react-refractor'
 
 export default function LazyRefractor(
-  props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> &
-    Pick<React.ComponentProps<typeof Refractor>, 'value'>,
+  props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {
+    value: React.ReactNode
+  },
 ) {
   const {language: languageProp, value} = props
   const language = typeof languageProp === 'string' ? languageProp : undefined
@@ -11,7 +12,7 @@ export default function LazyRefractor(
   return (
     <>
       {!(language && registered) && <code>{value}</code>}
-      {language && registered && <Refractor inline language={language} value={value} />}
+      {language && registered && <Refractor inline language={language} value={String(value)} />}
     </>
   )
 }