Unhandled Runtime Error

[xingsheng-lim]

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>

);
}

[xingsheng-lim]

In fact, I feel that it is not a problem with this lib, but a compatibility issue caused by the recoil lib used in the lib, especially when using react 19 or turbo.