memoWith

Author: vbfox

src/Fable.React/Fable.Helpers.React.fs

@@ -909,9 +909,22 @@ type PropsEqualityComparison<'props> = 'props -> 'props -> bool
 /// component, and reuse the last rendered result.
 ///
 /// By default it will only shallowly compare complex objects in the props object. If you want control over the
-/// comparison, you can also provide a custom comparison function as the second argument.
+/// comparison, you can use `memoWith`.
 [<Import("memo", from="react")>]
-let memo<'props> (render: 'props -> ReactElement, areEqual: PropsEqualityComparison<'props> option) : ReactComponentType<'props> =
+let memo<'props> (render: 'props -> ReactElement) : ReactComponentType<'props> =
+    jsNative
+
+/// React.memo is a higher order component. It’s similar to React.PureComponent but for function components instead of
+/// classes.
+///
+/// If your function component renders the same result given the same props, you can wrap it in a call to React.memo
+/// for a performance boost in some cases by memoizing the result. This means that React will skip rendering the
+/// component, and reuse the last rendered result.
+///
+/// This version allow you to control the comparison used instead of the default shallow one by provide a custom
+/// comparison function as the second argument.
+[<Import("memo", from="react")>]
+let memoWith<'props> (render: 'props -> ReactElement, areEqual: PropsEqualityComparison<'props>) : ReactComponentType<'props> =
     jsNative
 
 /// Create a ReactElement to be rendered from an element type, props and children