Code diff highlighting not working

This is what's rendering, at least on the Start migration page. I couldn't find another issue for this but if there is one, apologies for the duplicate.

- export default async function Page({ // [!code --]
-   params, // [!code --]
- }: { // [!code --]
-   params: Promise<{ slug: string }> // [!code --]
- }) { // [!code --]
+ export const Route = createFileRoute('/app/posts/$slug')({ // [!code ++]
+   component: Page, // [!code ++]
+ }) // [!code ++]

+ function Page() { // [!code ++]
-   const { slug } = await params // [!code --]
+   const { slug } = Route.useParams() // [!code ++]
  return <div>My Post: {slug}</div>
}

Inizia dalla pagina „Start migration“ e verifica come viene renderizzato il blocco di codice mostrato, confrontando i marcatori diff previsti con l'output visualizzato. Segui il percorso di evidenziazione del codice della pagina e verifica la correzione confermando che le righe aggiunte e rimosse vengano renderizzate con l'evidenziazione prevista.