React <Memoization />

Memoization.jsx

import React from 'react';
import PropTypes from 'prop-types';

class Memoization extends React.Component {
  lastInput = null;
  result = null;
  
  render() {
    const { equals, input, compute, children } = this.props;
    
    if (!equals(input, this.lastInput)) {
      this.result = compute(input);
      this.lastInput = input;
    }
    
    return children(this.result);
  }
}

// Usage
<Memoize
  equals={shallowEqual}
  input={...}
  compute={input => ...}
  children={result => ...}
/>