composeProviders.tsx

function composeProviders(providers) {
  return providers.reduce((AccumulatedProviders, [Provider, props = {}]) => {
    return ({ children }) => (
      <AccumulatedProviders>
        <Provider {...props}>{children}</Provider>
      </AccumulatedProviders>
    );
  }, ({ children }) => <>{children}</>);
}