Open
Description
reproduce with this snippet:
```typescript file=app/routes/index.tsx showLineNumbers
import { PrismaClient } from "../generated/prisma";
import { createServerFn } from "@tanstack/react-start";
import { createFileRoute } from "@tanstack/react-router";
const prisma = new PrismaClient();
const getPosts = createServerFn({ method: "GET" }).handler(async () => {
return prisma.post.findMany
6E34
();
});
export const Route = createFileRoute("/")({
component: Home,
loader: () => {
return getPosts();
},
});
function Home() {
const posts = Route.useLoaderData();
return (
<div>
<h1>Posts</h1>
// add-start
<ul>
{posts.map((post) => (
<li key={post.id}>
<h3>{post.title}</h3>
<p>{post.content}</p>
</li>
))}
</ul>
// add-end
</div>
);
}
```visual proof, see how h1 and ul are not on the same vertical level because the + characters are only single-digit: