/*! For license information please see 31e0c281.503c3aab.js.LICENSE.txt */
"use strict";(self.webpackChunkweb_totals=self.webpackChunkweb_totals||[]).push([[7584],{73874:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>c,contentTitle:()=>l,default:()=>u,frontMatter:()=>n,metadata:()=>s,toc:()=>i});var o=r(85893),a=r(11151);const n={title:"React Provider Hell",authors:"hunghg",tags:["react","provider"],image:"https://res.cloudinary.com/practicaldev/image/fetch/s--HOQYtEP_--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kj81kq4qurtf84xrvtm8.png"},l=void 0,s={permalink:"/blog/react-provider-hell",editUrl:"https://github.com/hunghg255/web-totals/tree/main/blog/react-provider-hell.md",source:"@site/blog/react-provider-hell.md",title:"React Provider Hell",description:"React Provider Hell",date:"2023-09-19T19:28:57.000Z",formattedDate:"September 19, 2023",tags:[{label:"react",permalink:"/blog/tags/react"},{label:"provider",permalink:"/blog/tags/provider"}],readingTime:1.18,hasTruncateMarker:!0,authors:[{name:"Gia Hung",title:"Creator of Web totals",url:"https://github.com/hunghg255",email:"giahung197bg@gmail.com",imageURL:"https://res.cloudinary.com/hunghg255/image/upload/v1654956015/Screen_Shot_2022-06-07_at_11.25.34_bpnymt.png",key:"hunghg"}],frontMatter:{title:"React Provider Hell",authors:"hunghg",tags:["react","provider"],image:"https://res.cloudinary.com/practicaldev/image/fetch/s--HOQYtEP_--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kj81kq4qurtf84xrvtm8.png"},unlisted:!1,prevItem:{title:"SVG icon with pure css",permalink:"/blog/svg-icon-with-pure-css"},nextItem:{title:"Example Callstack And Event loop",permalink:"/blog/event-loop-call-stack-example"}},c={authorsImageUrls:[void 0]},i=[];function p(e){const t={p:"p",...(0,a.a)(),...e.components};return(0,o.jsx)(t.p,{children:"React Provider Hell"})}function u(e={}){const{wrapper:t}={...(0,a.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(p,{...e})}):p(e)}},75251:(e,t,r)=>{var o=r(67294),a=Symbol.for("react.element"),n=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,s=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function i(e,t,r){var o,n={},i=null,p=null;for(o in void 0!==r&&(i=""+r),void 0!==t.key&&(i=""+t.key),void 0!==t.ref&&(p=t.ref),t)l.call(t,o)&&!c.hasOwnProperty(o)&&(n[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===n[o]&&(n[o]=t[o]);return{$$typeof:a,type:e,key:i,ref:p,props:n,_owner:s.current}}t.Fragment=n,t.jsx=i,t.jsxs=i},85893:(e,t,r)=>{e.exports=r(75251)},11151:(e,t,r)=>{r.d(t,{Z:()=>s,a:()=>l});var o=r(67294);const a={},n=o.createContext(a);function l(e){const t=o.useContext(n);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:l(e.components),o.createElement(n.Provider,{value:t},e.children)}}}]);