Add failing SSG syntax

vercel · Feb 11, 2020 · f7cc57d · f7cc57d
1 parent 4def88c
commit f7cc57d
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 27 deletions.
diff --git a/test/integration/prerender/pages/blog/[post]/[comment].js b/test/integration/prerender/pages/blog/[post]/[comment].js
@@ -23,20 +23,27 @@ export async function unstable_getStaticProps({ params }) {
   }
 }
 
-export default ({ post, comment, time }) => {
-  // we're in a loading state
-  if (!post) {
-    return <p>loading...</p>
-  }
+// Do not change this, it is making sure our SSG transform handles
+// export default in this way with a class component
+class Page extends React.Component {
+  render() {
+    const { post, comment, time } = this.props
+    // we're in a loading state
+    if (!post) {
+      return <p>loading...</p>
+    }
 
-  return (
-    <>
-      <p>Post: {post}</p>
-      <p>Comment: {comment}</p>
-      <span>time: {time}</span>
-      <Link href="/">
-        <a id="home">to home</a>
-      </Link>
-    </>
-  )
+    return (
+      <>
+        <p>Post: {post}</p>
+        <p>Comment: {comment}</p>
+        <span>time: {time}</span>
+        <Link href="/">
+          <a id="home">to home</a>
+        </Link>
+      </>
+    )
+  }
 }
+
+export default Page
diff --git a/test/integration/prerender/pages/blog/[post]/index.js b/test/integration/prerender/pages/blog/[post]/index.js
@@ -38,16 +38,25 @@ export async function unstable_getStaticProps({ params }) {
   }
 }
 
-export default ({ post, time, params }) => {
-  return (
-    <>
-      <p>Post: {post}</p>
-      <span>time: {time}</span>
-      <div id="params">{JSON.stringify(params)}</div>
-      <div id="query">{JSON.stringify(useRouter().query)}</div>
-      <Link href="/">
-        <a id="home">to home</a>
-      </Link>
-    </>
-  )
+function Query() {
+  return <div id="query">{JSON.stringify(useRouter().query)}</div>
+}
+
+// Do not change this, it is making sure our SSG transform handles
+// export default in this way with a class component
+export default class Page extends React.Component {
+  render() {
+    const { post, time, params } = this.props
+    return (
+      <>
+        <p>Post: {post}</p>
+        <span>time: {time}</span>
+        <div id="params">{JSON.stringify(params)}</div>
+        <Query />
+        <Link href="/">
+          <a id="home">to home</a>
+        </Link>
+      </>
+    )
+  }
 }