Example 6

react-component-updates-demo-6.jsx

const Child = React.memo(
  ({ isAboveFive, children }) => {
    console.log("child renders");
    return (
      <>
        <h2>Child: {!isAboveFive ? "<= 5" : "> 5"}</h2>
        {children}
      </>
    );
  },
  (prevProps, props) => {
    return prevProps.isAboveFive === props.isAboveFive;
  }
);