Skip to content

Commit c12c720

Browse files
authored
fix: allow passing ReactNode to Code (#1620)
1 parent 95e7c7f commit c12c720

File tree

2 files changed

+5
-4
lines changed

2 files changed

+5
-4
lines changed

src/core/primitives/code/code.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ export const Code = forwardRef(function Code(
3131
return (
3232
<StyledCode data-ui="Code" {...restProps} $size={useArrayProp(size)} $weight={weight} ref={ref}>
3333
<Suspense fallback={<code>{children}</code>}>
34-
<LazyRefractor language={language} value={String(children)} />
34+
<LazyRefractor language={language} value={children} />
3535
</Suspense>
3636
</StyledCode>
3737
)

src/core/primitives/code/refractor.tsx

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
import Refractor from 'react-refractor'
22

33
export default function LazyRefractor(
4-
props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> &
5-
Pick<React.ComponentProps<typeof Refractor>, 'value'>,
4+
props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {
5+
value: React.ReactNode
6+
},
67
) {
78
const {language: languageProp, value} = props
89
const language = typeof languageProp === 'string' ? languageProp : undefined
@@ -11,7 +12,7 @@ export default function LazyRefractor(
1112
return (
1213
<>
1314
{!(language && registered) && <code>{value}</code>}
14-
{language && registered && <Refractor inline language={language} value={value} />}
15+
{language && registered && <Refractor inline language={language} value={String(value)} />}
1516
</>
1617
)
1718
}

0 commit comments

Comments
 (0)