Gatsby 格式<；代码>；从内容丰富的文本字段

我正在构建我的公文包，我想在我的段落中展示一些代码片段。不幸的是，代码显示时没有任何换行符，看起来非常不专业

我正在使用富文本react渲染器，并尝试添加以下选项以将“/n”转换为br标记（）。我假设它可能不起作用，因为代码不是真正的文本？非常感谢您的任何意见

const options = {
        renderNode: {
            "embedded-asset-block": (node) => {
                const alt = node.data.target.fields.title["en-US"]
                const url = node.data.target.fields.file['en-US'].url
                return <img alt={alt} src={url}/>
            }
        },
        renderText: text => { return text.split('/n').reduce((children, textSegment, index) => {
            return [...children, index > 0 && <br key={index}/>, textSegment];
        })}
    }

const选项={
渲染节点：{
“嵌入式资产块”：（节点）=>{
const alt=node.data.target.fields.title[“en-US”]
const url=node.data.target.fields.file['en-US'].url
返回
}
},
renderText:text=>{return text.split（'/n'）.reduce（（子项、文本段、索引）=>{
返回[…子项，索引>0&
，textSegment]；
})}
}

嘿，你找到解决方案了吗？不幸的是，没有，我决定改用截图：（嘿，你找到解决方案了吗？不幸的是，没有，我决定改用截图：(