`xyz` is not a function

import { For } from "solid-js";
import { useRouteData } from "solid-start";
import { createServerData$ } from "solid-start/server";
import { prisma } from "~/prisma";

export function data() {
  return createServerData$(() => prisma.user.findMany());
}

export default function Index() {
  const users = useRouteData<typeof data>();

  return (
    <div>
      Welcome to Hogwarts!
      <For each={users()}>{(user) => <p>{user.givenName}</p>}</For>
    </div>
  );
}

TypeError: users is not a function
    at get each [as each] (http://localhost:3000/src/routes/admin/users/index.tsx:27:16)