Render custom inline + block React components

[Nases]

I've been trying to use my custom components on export.

const Bold = ({ children }) => {
  return (
    <Text style={styles.bold}>
      {children}
    </Text>
  )
}

inlineStyles: {
  BOLD: {element: <Bold />}
}

Any way to get this working?