Prevent unnecessary rerenders for RenderHtml (#78)

Author: jonathan-waarneming-nl

package.json

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

src/components/RenderHtmlWrapper.tsx

@@ -46,30 +46,30 @@ const renderers = {
   ul: ulRenderer,
 }
 
+const defaultRenderersProps = {
+  a: {
+    onPress: (_event: GestureResponderEvent, href: string) => openUrl(href),
+  },
+}
+
+const systemFonts = [...defaultSystemFonts, 'Ubuntu']
+
 const RenderHtmlWrapper = ({
   contentWidth = Dimensions.get('window').width - 2 * theme.margin.common,
-  renderersProps = {
-    a: {
-      onPress: (_event: GestureResponderEvent, href: string) => openUrl(href),
-    },
-  },
+  renderersProps = defaultRenderersProps,
   baseStyle = textStyle.body,
   ...props
-}: RenderHTMLProps) => {
-  const systemFonts = [...defaultSystemFonts, 'Ubuntu']
-
-  return (
-    <RenderHtml
-      contentWidth={contentWidth}
-      renderersProps={renderersProps}
-      renderers={renderers}
-      systemFonts={systemFonts}
-      baseStyle={baseStyle}
-      tagsStyles={htmlStyle}
-      enableExperimentalMarginCollapsing
-      {...props}
-    />
-  )
-}
+}: RenderHTMLProps) => (
+  <RenderHtml
+    contentWidth={contentWidth}
+    renderersProps={renderersProps}
+    renderers={renderers}
+    systemFonts={systemFonts}
+    baseStyle={baseStyle}
+    tagsStyles={htmlStyle}
+    enableExperimentalMarginCollapsing
+    {...props}
+  />
+)
 
 export default RenderHtmlWrapper