From c841b95c5903c152db7a7809e0e75d7884d55ec0 Mon Sep 17 00:00:00 2001 From: ryan-williams Date: Mon, 15 Apr 2024 01:11:05 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20runsasco?= =?UTF-8?q?ded/react-data-table-hydration-bug@565d82e378dfa828ab03fbea1423?= =?UTF-8?q?f79c5d63f895=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 404.html | 2 +- _next/data/jtJTAxHDzhfwvHKpTl_9a/index.json | 1 + _next/data/t0yMVUPzgM0axwy1J5vyF/index.json | 1 - .../_buildManifest.js | 0 .../_ssgManifest.js | 0 console-error.png | Bin 195538 -> 422017 bytes index.html | 19 +++++++++--------- 7 files changed, 11 insertions(+), 12 deletions(-) create mode 100644 _next/data/jtJTAxHDzhfwvHKpTl_9a/index.json delete mode 100644 _next/data/t0yMVUPzgM0axwy1J5vyF/index.json rename _next/static/{t0yMVUPzgM0axwy1J5vyF => jtJTAxHDzhfwvHKpTl_9a}/_buildManifest.js (100%) rename _next/static/{t0yMVUPzgM0axwy1J5vyF => jtJTAxHDzhfwvHKpTl_9a}/_ssgManifest.js (100%) diff --git a/404.html b/404.html index b4bf566..2c47271 100644 --- a/404.html +++ b/404.html @@ -1 +1 @@ -404: This page could not be found

404

This page could not be found.

\ No newline at end of file +404: This page could not be found

404

This page could not be found.

\ No newline at end of file diff --git a/_next/data/jtJTAxHDzhfwvHKpTl_9a/index.json b/_next/data/jtJTAxHDzhfwvHKpTl_9a/index.json new file mode 100644 index 0000000..31557f1 --- /dev/null +++ b/_next/data/jtJTAxHDzhfwvHKpTl_9a/index.json @@ -0,0 +1 @@ +{"pageProps":{"readme":"# react-data-table-hydration-bug\nRepro of a [hydration error][react#418] in [react-data-table-component]'s [`Pagination` element][PaginationWrapper] ([github]).\n\n[When the client window width][shouldShow] is < [599px][`SMALL`] or `undefined` (as during [SSR]), \"rows per page\" in the pagination footer [is omitted][shouldShows]. This causes a hydration error whenever the client window width is ≥599, as it is omitted on the server but rendered on the client.\n\n[![][error.gif]][error.gif]\n\n*Hydration error iff `window.innerWidth < 599`*\n\nThis page was built and deployed [via GitHub Actions][GHA]; if you refresh it when `window.innerWidth < 599`, you'll see an error in the dev console:\n\n[![][console-error.png]][console-error.png]\n\n[Page source][index.tsx]:\n\n```tsx\nimport DataTable from \"react-data-table-component\";\nimport ReactMarkdown from \"react-markdown\";\nimport fs from \"fs\";\n\nexport function getStaticProps() {\n return { props: { readme: fs.readFileSync(\"README.md\").toString() } }\n}\n\nconst Index = ({ readme }: { readme: string }) =>\n
\n {readme}\n
\n \n
\n\nexport default Index\n```\n\nThe error in the dev console links to [react#418]:\n```\nUncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\n at lg (framework-5eea1a21a68cb00b.js:9:46336)\n at i (framework-5eea1a21a68cb00b.js:9:121103)\n at oD (framework-5eea1a21a68cb00b.js:9:99070)\n at framework-5eea1a21a68cb00b.js:9:98937\n at oO (framework-5eea1a21a68cb00b.js:9:98944)\n at ox (framework-5eea1a21a68cb00b.js:9:93983)\n at x (framework-5eea1a21a68cb00b.js:33:1364)\n at MessagePort.T (framework-5eea1a21a68cb00b.js:33:1894)\n```\n\n## Local repro\nIf you clone [the repo][github], dev mode gives more details about the error (namely that it occurs in a hierarchy like `