Your components (any of EvalComponents; the rest stay
Evalkeeper's) and the screens to draw with them.
"use client";
import Link from "next/link";
import { EvalComponentsProvider } from "@crowandraven/evalkeeper/react";
import { Button } from "@/components/ui/button";
export function AppComponents({ children }: { children: React.ReactNode }) {
return (
<EvalComponentsProvider components={{ Link, Button }}>
{children}
</EvalComponentsProvider>
);
}
Draws Evalkeeper's screens inside it with your app's components. Render it once around the eval pages (a layout), from a client component of your own that imports your components: