File tree 2 files changed +5
-4
lines changed
2 files changed +5
-4
lines changed Original file line number Diff line number Diff line change @@ -31,7 +31,7 @@ export const Code = forwardRef(function Code(
31
31
return (
32
32
< StyledCode data-ui = "Code" { ...restProps } $size = { useArrayProp ( size ) } $weight = { weight } ref = { ref } >
33
33
< Suspense fallback = { < code > { children } </ code > } >
34
- < LazyRefractor language = { language } value = { String ( children ) } />
34
+ < LazyRefractor language = { language } value = { children } />
35
35
</ Suspense >
36
36
</ StyledCode >
37
37
)
Original file line number Diff line number Diff line change 1
1
import Refractor from 'react-refractor'
2
2
3
3
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
+ } ,
6
7
) {
7
8
const { language : languageProp , value} = props
8
9
const language = typeof languageProp === 'string' ? languageProp : undefined
@@ -11,7 +12,7 @@ export default function LazyRefractor(
11
12
return (
12
13
< >
13
14
{ ! ( language && registered ) && < code > { value } </ code > }
14
- { language && registered && < Refractor inline language = { language } value = { value } /> }
15
+ { language && registered && < Refractor inline language = { language } value = { String ( value ) } /> }
15
16
</ >
16
17
)
17
18
}
You can’t perform that action at this time.
0 commit comments