From 29e960d0bf71d734ebf86fbe46f116053c8fc53e Mon Sep 17 00:00:00 2001
From: Maksim Grushchenko <grumaks@gmail.com>
Date: Wed, 20 Mar 2024 11:19:50 +0100
Subject: [PATCH] fix: move orphaned title to component structure for
 document-field example (#9064)

Co-authored-by: Maksim Grushchenko <Maksim.Grushenko@jetbrains.com>
---
 examples/document-field/src/pages/index.tsx | 36 +++++++++++----------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/examples/document-field/src/pages/index.tsx b/examples/document-field/src/pages/index.tsx
index 81b846cb146..737a083edb8 100644
--- a/examples/document-field/src/pages/index.tsx
+++ b/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>
+    </>
   )
 }