dependency inversion with closures

base_component.js

export default function BaseComponent(apicall) {
  return (props): React.FC => { // <<- this is the real renderable component
    const { /* ... */ } = useUser(apicall);
    return /* ... */
  };
}

base_component_test.js

import BaseCompoment from 'basecomponent';

function mockGetUsers() {
  return { /* stuff */ };
}

const RealImplementationOfComponent = BaseComponent(mockGetUsers);

describe('test bla bla bla...', () => {
  render(RealImplementationOfComponent);
})