composeContextProviders.tsx

export default function composeContextProviders(providers: React.ElementType[]) {
  return providers.reduce(
    (Prev, Curr) =>
      function ComposedProviderWrapper({ children }) {
        return (
          <Prev>
            <Curr>{children}</Curr>
          </Prev>
        );
      },
  );
}

// usage example:

const ComponentContextProviders = composeContextProviders([
  NavDrawerProvider,
  AskHelpDialogContextProvider,
]);

function App() {
  return (
    <ComponentContextProviders>
      {/* ... */}  
    </ComponentContextProviders>
  )
}