A safe way to do `<RenderIfTrue>`

RenderIfTrueExample.js

// This is something we could possibly do more safely
const RenderIfTrue = function ({ shouldRender, children }) {
  var ToRender = children;
  if (shouldRender) {
    return <ToRender />;
  } else {
    return null;
  }
};  // End <RenderIfTrue>

<RenderIfTrue shouldRender = { current.mortgage > 0 }>
  {() => { return (
    <CashFlowDisplayRow
      timeState = { current }
      generic   = { `mortgage` }>Test
    </CashFlowDisplayRow>
  );}}
</RenderIfTrue>

A safe possibility that would work with our eslint configuration.