1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[610],{1432:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/client",function(){return n(4154)}])},4154:function(e,s,n){"use strict";n.r(s);var i=n(5893),t=n(1261),r=n(3299),a=n(1305);s.default=()=>{let{status:e}=(0,r.useSession)({required:!1});return"loading"===e?(0,i.jsx)("div",{className:"h-screen w-screen flex flex-col justify-center content-center items-center dark:bg-boxdark-2",children:(0,i.jsx)(a.Z,{className:"h-6 w-6"})}):(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(t.Z,{children:(0,i.jsxs)("blockquote",{children:[(0,i.jsx)("p",{children:"This page uses the useSession() React Hook."}),(0,i.jsx)("p",{children:"The useSession() React Hook is easy to use and allows pages to render very quickly."}),(0,i.jsx)("p",{children:"The advantage of this approach is that session state is shared between pages by using the Provider in _app.js so that navigation between pages using useSession() is very fast."}),(0,i.jsx)("p",{children:"The disadvantage of useSession() is that it requires client side JavaScript."}),(0,i.jsx)("p",{children:"This page is protected using the useSession hook."}),(0,i.jsx)("p",{children:"Either way works."}),(0,i.jsxs)("p",{children:["But in this case the session is ",(0,i.jsx)("strong",{children:"not"})," available on the first render."]})]})})})}}},function(e){e.O(0,[664,261,774,888,179],function(){return e(e.s=1432)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.