Memo Function for React

memo.ts

import { memo as m, NamedExoticComponent } from "react";
import { isEqual } from "./lodash";

/**
 * React memo utility function. Uses the Lodash 'isEqual' function to compare
 * by default. You may also create and pass in your own compare function.
 * @param component Your React Component
 * @param areEqual Optional: Pass your own compare function.
 * @example memo(<Component />, areEqual)
 */
const memo = (component: any, areEqual?: () => any): NamedExoticComponent => (
  m(component, areEqual ? areEqual : isEqual)
);

export { memo };