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>
+ </>
  )
 }