Say Goodbye To Provider Hell With react-component-pack

A library that allows you to create context provider groups#react#javascript#typescript
February 27, 2020 Β· 1 min read

If you're developing apps with React, you may have faced something like this:

function App() {
  return (
                <FinallySomeRealComponents />

That's what people call Provider Hell and I created this tool to make this kind of code more readable.

Here's the same example, using the react-component-pack utility:

import { createPack } from 'react-component-pack';

const ProviderPack = createPack(

function App() {
  return (
      <FinallySomeRealComponents />

NOTE: This utility won't allow you to pass props to a specific provider. Feel free to submit a PR 😁

Share article

Where to find me

Made with by me β€” Source code available onΒ GitHubFollow me on Twitter if you want to know more about my future articles, projects, or whatever I come up with!