Common Knowledge

import { CommonKnowledge } from "@aiql.io/react";

import { AiqlProvider, CommonKnowledge, useToken } from "@aiql.io/react";

function Explore() {
  const { token, status } = useToken();
  if (status !== "ready" || !token) return null;

  return (
    <AiqlProvider token={token}>
      <CommonKnowledge title="Common Knowledge" />
    </AiqlProvider>
  );
}

<CommonKnowledge
  renderLoading={() => <p>Opening common knowledge…</p>}
  renderError={(message) => <p role="alert">{message}</p>}
  onLoad={() => console.log("iframe loaded")}
  onError={(message) => console.error(message)}
/>

<CommonKnowledge
  className="my-common-knowledge"
  style={{ minHeight: 720, borderRadius: 16 }}
/>