Skip to content

Unhandled Runtime Error #3

@xingsheng-lim

Description

@xingsheng-lim

Screenshot 2024-11-21 210805
I'm using nextjs 15 and react 19, and it keeps giving this error, which I can't fix
My code:

"use client";

import * as Media from "@react-av/core";
import { useEffect, useState } from "react";

export default function Demo() {
const [mounted, setMounted] = useState(false);

useEffect(() => {
setMounted(true);
}, []);

if (!mounted) return

Loading...

;

return (


<Media.Root>
<Media.Container>
<Media.Video src="/videos/sample.mp4" />
</Media.Container>
<Media.Viewport></Media.Viewport>
</Media.Root>

);
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions