Merge pull request #83 from vikejs/phonzammi/fix-error-page

fix: use `usePageContext()` for error page of all examples
vikejs · Feb 5, 2024 · 0601774 · 0601774
2 parents ec75ace + bf2e1ea
commit 0601774
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/examples/basic/pages/_error/+Page.tsx b/examples/basic/pages/_error/+Page.tsx
@@ -1,14 +1,15 @@
 export default Page
 
 import React from 'react'
+import { usePageContext } from 'vike-react/usePageContext'
 
-function Page({ is404, errorInfo }: { is404: boolean; errorInfo?: string }) {
+function Page() {
+  const { is404 } = usePageContext()
   if (is404) {
     return (
       <>
         <h1>404 Page Not Found</h1>
         <p>This page could not be found.</p>
-        <p>{errorInfo}</p>
       </>
     )
   } else {

diff --git a/examples/react-query/pages/_error/+Page.tsx b/examples/react-query/pages/_error/+Page.tsx
@@ -1,14 +1,15 @@
 export default Page
 
 import React from 'react'
+import { usePageContext } from 'vike-react/usePageContext'
 
-function Page({ is404, errorInfo }: { is404: boolean; errorInfo?: string }) {
+function Page() {
+  const { is404 } = usePageContext()
   if (is404) {
     return (
       <>
         <h1>404 Page Not Found</h1>
         <p>This page could not be found.</p>
-        <p>{errorInfo}</p>
       </>
     )
   } else {

diff --git a/examples/ssr-spa/pages/_error/+Page.tsx b/examples/ssr-spa/pages/_error/+Page.tsx
@@ -1,14 +1,15 @@
 export default Page
 
 import React from 'react'
+import { usePageContext } from 'vike-react/usePageContext'
 
-function Page({ is404, errorInfo }: { is404: boolean; errorInfo?: string }) {
+function Page() {
+  const { is404 } = usePageContext()
   if (is404) {
     return (
       <>
         <h1>404 Page Not Found</h1>
         <p>This page could not be found.</p>
-        <p>{errorInfo}</p>
       </>
     )
   } else {

diff --git a/examples/streaming/pages/_error/+Page.tsx b/examples/streaming/pages/_error/+Page.tsx
@@ -1,14 +1,15 @@
 export default Page
 
 import React from 'react'
+import { usePageContext } from 'vike-react/usePageContext'
 
-function Page({ is404, errorInfo }: { is404: boolean; errorInfo?: string }) {
+function Page() {
+  const { is404 } = usePageContext()
   if (is404) {
     return (
       <>
         <h1>404 Page Not Found</h1>
         <p>This page could not be found.</p>
-        <p>{errorInfo}</p>
       </>
     )
   } else {