Решение проблемы типа 'Providers Hell'

ApplicationProviders.tsx

import React, {FunctionComponent, ReactElement, Fragment, cloneElement} from 'react';

/**
 * Решение проблемы типа 'Providers Hell'.
 * @link https://gist.github.com/khusamov/58da3cebde3913aacf3e0b4fdfd48b70
 */
const ApplicationProviders: FunctionComponent<{providers: ReactElement[]}> = (
	({children, providers}) => {
		return (
			[...providers, <Fragment>{children}</Fragment>]
				.reverse()
				.reduce((result, provider) => cloneElement(provider, {children: result}))
		);
	}
);

export default ApplicationProviders;