Media.tsx

import { useHuddle01 } from '@huddle01/react';
import { Audio, Video } from '@huddle01/react/components';
 
const Media = () => {
  const { meId } = useHuddle01();
  const { stream: videoStream } = useVideo();
  const { stream: audioStream } = useAudio();
 
  return (
    <div>
      <Video peerId={meId} stream={videoStream} />
      <Audio peerId={meId} stream={audioStream} />
    </div>
  );
};