https://react.dev/_next/static/chunks/pages/[[...markdownPath]]-5093e36719d692c5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[636],{2814:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[[...markdownPath]]",function(){return r(3714)}])},3714:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSG:()=>f,default:()=>d});var a=r(4848),n=r(6522),c=r(6540),i=r(6715),o=r(8699);let s=JSON.parse('{"title":"React Docs","path":"/","routes":[{"hasSectionHeader":true,"sectionHeader":"GET STARTED"},{"title":"Quick Start","path":"/learn"},{"title":"Installation","path":"/learn/installation"},{"title":"Setup","path":"/learn/setup"},{"title":"React Compiler","path":"/learn/react-compiler"},{"hasSectionHeader":true,"sectionHeader":"LEARN REACT"},{"title":"Describing the UI","path":"/learn/describing-the-ui"},{"title":"Adding Interactivity","path":"/learn/adding-interactivity"},{"title":"Managing State","path":"/learn/managing-state"},{"title":"Escape Hatches","path":"/learn/escape-hatches"},{"hasSectionHeader":true,"sectionHeader":"REACT API"},{"title":"Hooks","path":"/reference/react"},{"title":"Components","path":"/reference/react/components"},{"title":"APIs","path":"/reference/react/apis"},{"title":"Legacy APIs","path":"/reference/react/legacy"},{"hasSectionHeader":true,"sectionHeader":"REACT DOM API"},{"title":"Components","path":"/reference/react-dom/components"},{"title":"APIs","path":"/reference/react-dom"},{"title":"Client APIs","path":"/reference/react-dom/client"},{"title":"Server APIs","path":"/reference/react-dom/server"},{"hasSectionHeader":true,"sectionHeader":"REACT COMPILER API"},{"title":"Configuration","path":"/reference/react-compiler/configuration"},{"title":"Directives","path":"/reference/react-compiler/directives"},{"title":"Compiling Libraries","path":"/reference/react-compiler/compiling-libraries"},{"hasSectionHeader":true,"sectionHeader":"GET INVOLVED"},{"title":"React Community","path":"/community"},{"hasSectionHeader":true,"sectionHeader":"STAY INFORMED"},{"title":"React Blog","path":"/blog"}]}');var l=r(4295);let p=JSON.parse('{"title":"API Reference","path":"/reference/react","routes":[{"hasSectionHeader":true,"sectionHeader":"react@{{version}}"},{"title":"Overview","path":"/reference/react"},{"title":"Hooks","path":"/reference/react/hooks","routes":[{"title":"useActionState","path":"/reference/react/useActionState"},{"title":"useCallback","path":"/reference/react/useCallback"},{"title":"useContext","path":"/reference/react/useContext"},{"title":"useDebugValue","path":"/reference/react/useDebugValue"},{"title":"useDeferredValue","path":"/reference/react/useDeferredValue"},{"title":"useEffect","path":"/reference/react/useEffect"},{"title":"useEffectEvent","path":"/reference/react/useEffectEvent"},{"title":"useId","path":"/reference/react/useId"},{"title":"useImperativeHandle","path":"/reference/react/useImperativeHandle"},{"title":"useInsertionEffect","path":"/reference/react/useInsertionEffect"},{"title":"useLayoutEffect","path":"/reference/react/useLayoutEffect"},{"title":"useMemo","path":"/reference/react/useMemo"},{"title":"useOptimistic","path":"/reference/react/useOptimistic"},{"title":"useReducer","path":"/reference/react/useReducer"},{"title":"useRef","path":"/reference/react/useRef"},{"title":"useState","path":"/reference/react/useState"},{"title":"useSyncExternalStore","path":"/reference/react/useSyncExternalStore"},{"title":"useTransition","path":"/reference/react/useTransition"}]},{"title":"Components","path":"/reference/react/components","routes":[{"title":"<Fragment> (<>)","path":"/reference/react/Fragment"},{"title":"<Profiler>","path":"/reference/react/Profiler"},{"title":"<StrictMode>","path":"/reference/react/StrictMode"},{"title":"<Suspense>","path":"/reference/react/Suspense"},{"title":"<Activity>","path":"/reference/react/Activity"},{"title":"<ViewTransition>","path":"/reference/react/ViewTransition"}]},{"title":"APIs","path":"/reference/react/apis","routes":[{"title":"act","path":"/reference/react/act"},{"title":"addTransitionType","path":"/reference/react/addTransitionType"},{"title":"cache","path":"/reference/react/cache"},{"title":"cacheSignal","path":"/reference/react/cacheSignal"},{"title":"captureOwnerStack","path":"/reference/react/captureOwnerStack"},{"title":"createContext","path":"/reference/react/createContext"},{"title":"lazy","path":"/reference/react/lazy"},{"title":"memo","path":"/reference/react/memo"},{"title":"startTransition","path":"/reference/react/startTransition"},{"title":"use","path":"/reference/react/use"},{"title":"experimental_taintObjectReference","path":"/reference/react/experimental_taintObjectReference","version":"experimental"},{"title":"experimental_taintUniqueValue","path":"/reference/react/experimental_taintUniqueValue","ver

1sion":"experimental"}]},{"hasSectionHeader":true,"sectionHeader":"react-dom@{{version}}"},{"title":"Hooks","path":"/reference/react-dom/hooks","routes":[{"title":"useFormStatus","path":"/reference/react-dom/hooks/useFormStatus"}]},{"title":"Components","path":"/reference/react-dom/components","routes":[{"title":"Common (e.g. <div>)","path":"/reference/react-dom/components/common"},{"title":"<form>","path":"/reference/react-dom/components/form"},{"title":"<input>","path":"/reference/react-dom/components/input"},{"title":"<option>","path":"/reference/react-dom/components/option"},{"title":"<progress>","path":"/reference/react-dom/components/progress"},{"title":"<select>","path":"/reference/react-dom/components/select"},{"title":"<textarea>","path":"/reference/react-dom/components/textarea"},{"title":"<img>","path":"/reference/react-dom/components/img"},{"title":"<link>","path":"/reference/react-dom/components/link"},{"title":"<meta>","path":"/reference/react-dom/components/meta"},{"title":"<script>","path":"/reference/react-dom/components/script"},{"title":"<style>","path":"/reference/react-dom/components/style"},{"title":"<title>","path":"/reference/react-dom/components/title"}]},{"title":"APIs","path":"/reference/react-dom","routes":[{"title":"browser","path":"/reference/react-dom/browser"},{"title":"createPortal","path":"/reference/react-dom/createPortal"},{"title":"flushSync","path":"/reference/react-dom/flushSync"},{"title":"preconnect","path":"/reference/react-dom/preconnect"},{"title":"prefetchDNS","path":"/reference/react-dom/prefetchDNS"},{"title":"preinit","path":"/reference/react-dom/preinit"},{"title":"preinitModule","path":"/reference/react-dom/preinitModule"},{"title":"preload","path":"/reference/react-dom/preload"},{"title":"preloadModule","path":"/reference/react-dom/preloadModule"}]},{"title":"Client APIs","path":"/reference/react-dom/client","routes":[{"title":"createRoot","path":"/reference/react-dom/client/createRoot"},{"title":"hydrateRoot","path":"/reference/react-dom/client/hydrateRoot"}]},{"title":"Server APIs","path":"/reference/react-dom/server","routes":[{"title":"renderToPipeableStream","path":"/reference/react-dom/server/renderToPipeableStream"},{"title":"renderToReadableStream","path":"/reference/react-dom/server/renderToReadableStream"},{"title":"renderToStaticMarkup","path":"/reference/react-dom/server/renderToStaticMarkup"},{"title":"renderToString","path":"/reference/react-dom/server/renderToString"},{"title":"resume","path":"/reference/react-dom/server/resume"},{"title":"resumeToPipeableStream","path":"/reference/react-dom/server/resumeToPipeableStream"}]},{"title":"Static APIs","path":"/reference/react-dom/static","routes":[{"title":"prerender","path":"/reference/react-dom/static/prerender"},{"title":"prerenderToNodeStream","path":"/reference/react-dom/static/prerenderToNodeStream"},{"title":"resumeAndPrerender","path":"/reference/react-dom/static/resumeAndPrerender"},{"title":"resumeAndPrerenderToNodeStream","path":"/reference/react-dom/static/resumeAndPrerenderToNodeStream"}]},{"hasSectionHeader":true,"sectionHeader":"React Compiler"},{"title":"Configuration","path":"/reference/react-compiler/configuration","routes":[{"title":"compilationMode","path":"/reference/react-compiler/compilationMode"},{"title":"gating","path":"/reference/react-compiler/gating"},{"title":"logger","path":"/reference/react-compiler/logger"},{"title":"panicThreshold","path":"/reference/react-compiler/panicThreshold"},{"title":"target","path":"/reference/react-compiler/target"}]},{"title":"Directives","path":"/reference/react-compiler/directives","routes":[{"title":"\\"use memo\\"","path":"/reference/react-compiler/directives/use-memo"},{"title":"\\"use no memo\\"","path":"/reference/react-compiler/directives/use-no-memo"}]},{"title":"Compiling Libraries","path":"/reference/react-compiler/compiling-libraries"},{"hasSectionHeader":true,"sectionHeader":"React DevTools"},{"title":"React Performance tracks","path":"/reference/dev-tools/react-performance-tracks"},{"hasSectionHeader":true,"sectionHeader":"eslint-plugin-react-hooks"},{"title":"Lints","path":"/reference/eslint-plugin-react-hooks","routes":[{"title":"exhaustive-deps","path":"/reference/eslint-plugin-react-hooks/lints/exhaustive-deps"},{"title":"rules-of-hooks","path":"/reference/eslint-plugin-react-hooks/lints/rules-of-hooks"},{"title":"component-hook-factories","path":"/reference/eslint-plugin-react-hooks/lints/component-hook-factories"},{"title":"config","path":"/reference/eslint-plugin-react-hooks/lints/config"},{"title":"error-boundaries","path":"/reference/eslint-plugin-react-hooks/lints/error-boundaries"},{"title":"gating","path":"/reference/eslint-plugin-react-hooks/lints/gating"},{"title":"globals","path":"/reference/eslint-plugin-react-hooks/lints/globals"},{"title":"immutability","path":"/reference/eslint-plugin-react-hooks/lints/immutability"},{"title":"incompatible-library","path":"/reference/eslint-plugin-react-hooks/lints/incompatible-library"},{"title":"preserve-manual-memoization","path":"/reference/eslint-plugin-react-hooks/lints/preserve-manual-memoization"},{"title":"purity","path":"/reference/eslint-plugin-react-hooks/lints/purity"},{"title":"refs","path":"/reference/eslint-plugin-react-hooks/lints/refs"},{"title":"set-state-in-effect","path":"/reference/eslint-plugin-react-hooks/lints/set-state-in-effect"},{"title":"set-state-in-render","path":"/reference/eslint-plugin-react-hooks/lints/set-state-in-render"},{"title":"static-components","path":"/reference/eslint-plugin-react-hooks/lints/static-components"},{"title":"unsupported-syntax","path":"/reference/eslint-plugin-react-hooks/lints/unsupported-syntax"},{"title":"use-memo","path":"/reference/eslint-plugin-react-hooks/lints/use-memo"}]},{"hasSectionHeader":true,"sectionHeader":"Rules of React"},{"title":"Overview","path":"/reference/rules","routes":[{"title":"Components and Hooks must be pure","path":"/reference/rules/components-and-hooks-must-be-pure"},{"title":"React calls Components and Hooks","path":"/reference/rules/react-calls-components-and-hooks"},{"title":"Rules of Hooks","path":"/reference/rules/rules-of-hooks"}]},{"hasSectionHeader":true,"sectionHeader":"React Server Components"},{"title":"Server Components","path":"/reference/rsc/server-components"},{"title":"Server Functions","path":"/reference/rsc/server-functions"},{"title":"Directives","path":"/reference/rsc/directives","routes":[{"title":"\'use client\'","path":"/reference/rsc/use

1-client"},{"title":"\'use server\'","path":"/reference/rsc/use-server"}]},{"hasSectionHeader":true,"sectionHeader":"Legacy APIs"},{"title":"Legacy React APIs","path":"/reference/react/legacy","routes":[{"title":"Children","path":"/reference/react/Children"},{"title":"cloneElement","path":"/reference/react/cloneElement"},{"title":"Component","path":"/reference/react/Component"},{"title":"createElement","path":"/reference/react/createElement"},{"title":"createRef","path":"/reference/react/createRef"},{"title":"forwardRef","path":"/reference/react/forwardRef"},{"title":"isValidElement","path":"/reference/react/isValidElement"},{"title":"PureComponent","path":"/reference/react/PureComponent"}]}]}'),h=JSON.parse('{"title":"Community","path":"/community","routes":[{"hasSectionHeader":true,"sectionHeader":"GET INVOLVED"},{"title":"Community","path":"/community","skipBreadcrumb":true,"routes":[{"title":"React Conferences","path":"/community/conferences"},{"title":"React Meetups","path":"/community/meetups"},{"title":"React Videos","path":"/community/videos"},{"title":"Meet the Team","path":"/community/team"},{"title":"Docs Contributors","path":"/community/docs-contributors"},{"title":"Translations","path":"/community/translations"},{"title":"Acknowledgements","path":"/community/acknowledgements"},{"title":"Versioning Policy","path":"/community/versioning-policy"}]}]}');var m=r(843),u=r(9546),f=!0;function d(e){let t,r,c,u;let f=(0,n.c)(11),{content:d,toc:S,meta:k,languages:y}=e;f[0]!==d?(t=JSON.parse(d,g),f[0]=d,f[1]=t):t=f[1];let v=t;f[2]!==S?(r=JSON.parse(S,g),f[2]=S,f[3]=r):r=f[3];let b=r,R=function(){let e;let t=(0,n.c)(2),{asPath:r}=(0,i.useRouter)();if(t[0]!==r){e=Symbol.for("react.early_return_sentinel");e:{let t=r.split(/[\?\#]/)[0];if("/"===t){e="home";break e}if(t.startsWith("/reference")){e="reference";break e}if(r.startsWith("/learn")){e="learn";break e}if(r.startsWith("/community")){e="community";break e}if(r.startsWith("/blog")){e="blog";break e}e="unknown";break e}t[0]=r,t[1]=e}else e=t[1];if(e!==Symbol.for("react.early_return_sentinel"))return e}();switch(R){case"home":case"unknown":c=s;break;case"learn":c=l;break;case"reference":c=p;break;case"community":c=h;break;case"blog":c=m}return f[4]!==y||f[5]!==k||f[6]!==v||f[7]!==b||f[8]!==c||f[9]!==R?(u=(0,a.jsx)(o.Y,{toc:b,routeTree:c,meta:k,section:R,languages:y,children:v}),f[4]=y,f[5]=k,f[6]=v,f[7]=b,f[8]=c,f[9]=R,f[10]=u):u=f[10],u}function g(e,t){if(!Array.isArray(t)||"$r"!=t[0])return t;{let r=t[1],n=t[2];null==n&&(n=e);let i=t[3];return"wrapper"===r&&(r=c.Fragment,i={children:i.children}),r in u.U&&(r=u.U[r]),r||(console.error("Unknown type: "+r),r=c.Fragment),(0,a.jsx)(r,{...i},n)}}}},e=>{e.O(0,[636],()=>{[809,811,972].map(e.E)},5);var t=t=>e(e.s=t);e.O(0,[668,928,593,255,792],()=>t(2814)),_N_E=e.O()}]);