useRouteData returning undefined

import { For, Accessor, createResource } from 'solid-js';
import { useRouteData, createRouteData } from 'solid-start';

type Student = { name: string; house: string };

export function routeData() {
    return createRouteData(async () => {
        const response = await fetch('https://hogwarts.deno.dev/students');
        return (await response.json()) as Student[];
    });
}

export default function Page() {
    const students = useRouteData<typeof routeData>();

    return (
        <ul>
            <For each={students()}>{(student) => <li>{student.name}</li>}</For>
        </ul>
    );
}