How to Using React ( Nextjs )

[bogordesaincom]

I'm using nextjs and follow instruction this https://github.com/k-yle/rtsp-relay/blob/main/examples/react.md but this result

[bogordesaincom]

this my code

  const canvas = useRef(null);

  const RelayRtsp = () => {
    if (!canvas.current) throw new Error('Ref is null');

    loadPlayer({
      url: 'ws://localhost:2000/api/stream/2',
      canvas: canvas.current,
    });
  };

  useEffect(() => {
    RelayRtsp();
  }, []);

  //   console.log(data);

  return (
    <>
      <Layout>
        <div className="canvas" ref={canvas}></div>
      </Layout>
      <Script src="https://cdn.jsdelivr.net/npm/rtsp-relay@1.6.1/browser/index.js" />
    </>
  );

[k-yle]

the react example works fine for me using nextjs. Could you post your entire code, not just that snippet please?

[k-yle]

example repository: https://github.com/k-yle/nextjs-rtsp-repro

[bogordesaincom]

are you using react 17? i'm using react 18

[k-yle]

i've updated the example repository to use react 18, which also seems to work fine