Devtools

import { RUIDevtools, useRUIDevtools } from "@rixx-ui/react-devtools";
import "@rixx-ui/react-devtools/styles.css";
import { RUIRenderer } from "@rixx-ui/react";

function Preview({ source, status }) {
  const devtools = useRUIDevtools({ maxEvents: 200 });

  return (
    <>
      <RUIRenderer {...devtools.rendererProps} streamStatus={status}>
        {source}
      </RUIRenderer>
      <RUIDevtools
        clearEvents={devtools.clearEvents}
        events={devtools.events}
        state={devtools.state}
      />
    </>
  );
}