React SDK

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

export const GET = createNextHandler();

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

app.get("/api/aiql", createExpressHandler());

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

function App() {
  const { token, status, error, reload } = useToken();

  if (status === "loading" || status === "idle") {
    return <p>Loading…</p>;
  }

  if (status === "error" || !token) {
    return (
      <div>
        <p>{error ?? "Failed to load token"}</p>
        <button type="button" onClick={reload}>
          Retry
        </button>
      </div>
    );
  }

  return (
    <AiqlProvider token={token} theme="auto">
      <Canvas canvasId="your-canvas-id" title="My canvas" />
    </AiqlProvider>
  );
}