Make HTML renderers overridable

Author: SjaakSchilperoort

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@observation.org/react-native-components",
-  "version": "1.69.0",
+  "version": "1.70.0",
   "main": "src/index.ts",
   "repository": "git@github.com:observation/react-native-components.git",
   "author": "Observation.org",

src/components/RenderHtmlWrapper.tsx

@@ -59,17 +59,23 @@ const RenderHtmlWrapper = ({
   renderersProps = defaultRenderersProps,
   baseStyle = textStyle.body,
   ...props
-}: RenderHTMLProps) => (
-  <RenderHtml
-    contentWidth={contentWidth}
-    renderersProps={renderersProps}
-    renderers={renderers}
-    systemFonts={systemFonts}
-    baseStyle={baseStyle}
-    tagsStyles={htmlStyle}
-    enableExperimentalMarginCollapsing
-    {...props}
-  />
-)
+}: RenderHTMLProps) => {
+  const mergedRenderers = {
+    ...renderers,
+    ...props.renderers,
+  }
+  return (
+    <RenderHtml
+      contentWidth={contentWidth}
+      renderersProps={renderersProps}
+      renderers={mergedRenderers}
+      systemFonts={systemFonts}
+      baseStyle={baseStyle}
+      tagsStyles={htmlStyle}
+      enableExperimentalMarginCollapsing
+      {...props}
+    />
+  )
+}
 
 export default RenderHtmlWrapper