yaak/src-web/routes/workspaces/$workspaceId/index.tsx

import { createFileRoute } from '@tanstack/react-router';
import { Workspace } from '../../../components/Workspace';

interface WorkspaceSearchSchema {
  request_id?: string | null;
  environment_id?: string | null;
  cookie_jar_id?: string | null;
}

export const Route = createFileRoute('/workspaces/$workspaceId/')({
  component: RouteComponent,
  validateSearch: (search: Record<string, unknown>): WorkspaceSearchSchema => ({
    request_id: search.request_id as string,
    environment_id: search.environment_id as string,
    cookie_jar_id: search.cookie_jar_id as string,
  }),
});

function RouteComponent() {
  return <Workspace />;
}