React の Provider を一つにまとめてネストを回避する - Qiita

はじめに React のコードでは、Provider をネストすることがよくあると思いますが、そのネストを回避する方法を提案する記事です。 以下のような、プロバイダのネストを良く思っていない人向けの記事です。 また、この記事を読むと部分適用と関数合成という概念を学習できます。 import React from 'react' // UI import { ThemeProvider } from '@material-ui/core/styles' import theme from 'src/app/styles/theme' // 状態管理 import { Provider as ReduxProvider } from 'react-redux' import { store } from 'src/app/redux/store' // web API import { Pro