Function smokeRenderRejection

packages/hosts/mcp/src/create-artifact.ts:331–341

(result: ArtifactSmokeRenderResult)

 * is not obvious from `Cannot read properties of undefined` alone.
 */
export const smokeRenderRejection = (result: ArtifactSmokeRenderResult): string | null => {
  if (result.status === "ok") return null;
  return [
    `This component threw on its first render, so the artifact would show an error instead of a UI: ${result.message}`,
    result.componentStack ? `\n${trimmedComponentStack(result.componentStack)}\n` : "",
    "The render happened with every query still pending and no data returned — exactly the state the user sees first — so guard the loading state (`if (query.isLoading) return <ArtifactLoading />`) and read possibly-absent data with `?.`.",
    "Fix the component and call create-artifact again.",
  ]
    .filter((part) => part.length > 0)
    .join(" ");
};

// ---------------------------------------------------------------------------
// Provider pairing