[Landing] Custom error page (fix next export error)

404.html TypeError: ctx.renderPage is not a function

Author: brunolemos

landing/pages/_changelog.tsx

@@ -0,0 +1,24 @@
+import { NextPage } from 'next'
+
+import { LogoHead } from '../src/components/common/LogoHead'
+import LandingLayout from '../src/components/layouts/LandingLayout'
+
+export interface ErrorPageProps {}
+
+const Error: NextPage<ErrorPageProps> = () => {
+  return (
+    <LandingLayout>
+      <section id="error" className="container">
+        <LogoHead />
+
+        <div className="flex flex-col items-center m-auto text-center">
+          <h1 className="text-3xl sm:text-4xl whitespace-no-wrap">
+            Oops, try another page
+          </h1>
+        </div>
+      </section>
+    </LandingLayout>
+  )
+}
+
+export default Error

landing/pages/_error.tsx

@@ -1,11 +1,26 @@
 import { NextPage } from 'next'
 
+import { setPublicPlansCache } from '../src/context/PlansContext'
 import PricingPage from '../src/pages/PricingPage'
 
 export interface PricingPageProps {}
 
-const Pricing: NextPage<PricingPageProps> = () => {
+const Pricing: NextPage<PricingPageProps> = props => {
+  console.log('xxx pricing page', props)
   return <PricingPage />
 }
 
 export default Pricing
+
+export function unstable_getStaticProps() {
+  setPublicPlansCache(value => ({
+    ...value,
+    freeTrialDays: 1234,
+  }))
+
+  return {
+    props: {
+      test: 1234,
+    },
+  }
+}