fix: move orphaned title to component structure for document-field ex…

…ample (#9064)

Co-authored-by: Maksim Grushchenko <[email protected]>

examples/document-field/src/pages/index.tsx

@@ -5,24 +5,26 @@ import { fetchGraphQL, gql } from '../utils'
 type Author = { id: string, name: string, posts: { id: string, slug: string, title: string }[] }
 
 export default function Index ({ authors }: { authors: Author[] }) {
-  <h1>Keystone Blog Project - Home</h1>
   return (
-    <ul>
-      {authors.map(author => (
-        <li key={author.id}>
-          <h2>
-            <Link href={`/author/${author.id}`}>{author.name}</Link>
-          </h2>
-          <ul>
-            {author.posts.map(post => (
-              <li key={post.id}>
-                <Link href={`/post/${post.slug}`}>{post.title}</Link>
-              </li>
-            ))}
-          </ul>
-        </li>
-      ))}
-    </ul>
+    <>
+      <h1>Keystone Blog Project - Home</h1>
+      <ul>
+        {authors.map(author => (
+          <li key={author.id}>
+            <h2>
+              <Link href={`/author/${author.id}`}>{author.name}</Link>
+            </h2>
+            <ul>
+              {author.posts.map(post => (
+                <li key={post.id}>
+                  <Link href={`/post/${post.slug}`}>{post.title}</Link>
+                </li>
+              ))}
+            </ul>
+          </li>
+        ))}
+      </ul>
+    </>
   )
 }