(this["webpackJsonpcra-ssr"]=this["webpackJsonpcra-ssr"]||[]).push([[0],{31:function(t,e,n){"use strict";n.r(e);var r=n(17),c=n.n(r),s=function(t){t&&t instanceof Function&&n.e(3).then(n.bind(null,32)).then((function(e){var n=e.getCLS,r=e.getFID,c=e.getFCP,s=e.getLCP,a=e.getTTFB;n(t),r(t),c(t),s(t),a(t)}))},a=n(7),i=n(0),u=n(2),o=n(12),j=n(9),d=n.n(j),b=n(11),h=n(1),f=function(){var t=Object(b.a)(d.a.mark((function t(e){var n;return d.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e("https://jsonplaceholder.typicode.com/todos");case 2:return t.next=4,t.sent.json();case 4:return n=t.sent.slice(0,5),t.abrupt("return",n);case 6:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}(),O=function(t){var e=t.ssrData,n=Object(i.useState)(e),r=Object(o.a)(n,2),c=r[0],s=r[1];return Object(i.useEffect)((function(){e||f(fetch).then(s)}),[e]),c?Object(h.jsxs)(h.Fragment,{children:[Object(h.jsx)("h1",{children:"Items"}),Object(h.jsx)("ul",{children:c.map((function(t){var e=t.id,n=t.title;return Object(h.jsx)("li",{children:Object(h.jsx)(a.b,{to:"/s/".concat(e),children:n})},e)}))})]}):Object(h.jsx)("div",{children:"Loading..."})},l=function(){var t=Object(b.a)(d.a.mark((function t(e,n){var r;return d.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e("https://jsonplaceholder.typicode.com/todos/".concat(n));case 2:return t.next=4,t.sent.json();case 4:return r=t.sent,t.abrupt("return",r);case 6:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}(),p=function(t){var e=t.ssrData,n=Object(i.useState)(e),r=Object(o.a)(n,2),c=r[0],s=r[1],j=Object(u.f)().id;return Object(i.useEffect)((function(){e||l(fetch,j).then(s)}),[e,j]),c?Object(h.jsxs)(h.Fragment,{children:[Object(h.jsx)(a.b,{to:"/",children:"Home"}),Object(h.jsx)("h1",{children:c.title}),Object(h.jsx)("p",{children:c.id})]}):Object(h.jsx)("div",{children:"Loading..."})},x=function(t){var e=t.ssrData,n=Object(i.useRef)(e);return Object(i.useEffect)((function(){n.current=void 0}),[]),Object(h.jsxs)(u.c,{children:[Object(h.jsx)(u.a,{path:"/s/:id",render:function(){return Object(h.jsx)(p,{ssrData:n.current})}}),Object(h.jsx)(u.a,{path:"/",render:function(){return Object(h.jsx)(O,{ssrData:n.current})}})]})};c.a.hydrate(Object(h.jsx)(a.a,{children:Object(h.jsx)(x,{ssrData:window.ssrData})}),document.getElementById("root"),(function(){delete window.ssrData})),s()}},[[31,1,2]]]);
//# sourceMappingURL=main.ebb8332a.chunk.js.map