Searching for a similar pattern for render props approach!

dual-export-component.jsx

// This is what gets tested because it doesn't rely on any of
// the *magic* that may be in `withFoo` like reading context.
// The test just needs to pass in a valid `foo` prop which would've
// come from `withFoo`.
export const MyComponent = ({foo}) => (
  <div>{foo}</div>
)

// This what actually gets used in the app!
export default withFoo(MyComponent)