veryfront 0.0.84 → 0.0.88

package/src/src/modules/react-loader/unified-loader.ts

@@ -6,6 +6,7 @@ import { rendererLogger as logger } from "../../utils/index.js";
 import { withSpan } from "../../observability/tracing/otlp-setup.js";
 import { getProjectTmpDir } from "./temp-directory.js";
 import type { ComponentMap, ComponentSource, LoadComponentOptions } from "./types.js";
+import { DEFAULT_REACT_VERSION } from "../../transforms/esm/package-registry.js";
 
 type TransformedComponent = { name: string; code: string };
 
@@ -21,8 +22,9 @@ export function loadComponentsUnified(
       const projectId = options?.projectId ?? projectDir;
       const dev = options?.dev ?? true;
       const moduleServerUrl = options?.moduleServerUrl;
+      const reactVersion = options?.reactVersion;
 
-      const transformOpts: TransformOptions = { projectId, dev, moduleServerUrl };
+      const transformOpts: TransformOptions = { projectId, dev, moduleServerUrl, reactVersion };
       const transformedComponents = await transformAllComponents(
         components,
         projectDir,
@@ -38,7 +40,7 @@ export function loadComponentsUnified(
       try {
         await writeComponentFiles(tmpDir, transformedComponents, adapter);
 
-        const entryCode = generateEntryPoint(transformedComponents);
+        const entryCode = generateEntryPoint(transformedComponents, reactVersion);
         await adapter.fs.writeFile(join(tmpDir, "entry.js"), entryCode);
 
         return await importUnifiedComponents(tmpDir, transformedComponents);
@@ -74,7 +76,8 @@ async function writeComponentFiles(
   );
 }
 
-function generateEntryPoint(components: TransformedComponent[]): string {
+function generateEntryPoint(components: TransformedComponent[], reactVersion?: string): string {
+  const version = reactVersion ?? DEFAULT_REACT_VERSION;
   const imports = components
     .map((comp) => `import { default as ${comp.name} } from './${comp.name}.js'`)
     .join("\n");
@@ -82,7 +85,7 @@ function generateEntryPoint(components: TransformedComponent[]): string {
   const exports = components.map((comp) => comp.name).join(", ");
 
   return `
-    import * as React from 'https://esm.sh/react@18.3.1?target=es2022'
+    import * as React from 'https://esm.sh/react@${version}?target=es2022'
     ${imports}
 
     export { ${exports} }

package/src/src/modules/server/module-batch-handler.ts

@@ -50,6 +50,8 @@ export interface BatchHandlerOptions {
    * When not set, users can import from any directory in the project.
    */
   allowedImportDirs?: string[];
+  /** React version for transforms (from project config) */
+  reactVersion?: string;
 }
 
 /** Maximum number of modules that can be batched in one request */
@@ -103,6 +105,7 @@ export function handleModuleBatch(req: dntShim.Request, options: BatchHandlerOpt
         branch,
         dev = false,
         allowedImportDirs,
+        reactVersion,
       } = options;
 
       const projectKey = projectId || projectSlug || "default";
@@ -148,6 +151,7 @@ export function handleModuleBatch(req: dntShim.Request, options: BatchHandlerOpt
               projectSlug,
               branch,
               projectId,
+              reactVersion,
             });
 
             const transformDurationMs = performance.now() - moduleStart;
@@ -247,6 +251,7 @@ async function loadAndTransformModule(
     projectSlug?: string;
     branch?: string | null;
     projectId?: string;
+    reactVersion?: string;
   },
 ): Promise<string | null> {
   const basePath = modulePath.replace(/\.js$/, "");
@@ -295,12 +300,14 @@ async function transformModule(
     projectSlug?: string;
     branch?: string | null;
     projectId?: string;
+    reactVersion?: string;
   },
 ): Promise<string> {
   let code = await transformToESM(source, sourceFile, projectDir, adapter, {
     projectId: options.projectId ?? projectDir,
     dev: options.dev,
     ssr: options.ssr,
+    reactVersion: options.reactVersion,
   });
 
   if (options.ssr) {

package/src/src/modules/server/module-server.ts

@@ -47,6 +47,8 @@ export interface ModuleServerOptions {
    * When not set, users can import from any directory in the project.
    */
   allowedImportDirs?: string[];
+  /** React version for transforms (from project config) */
+  reactVersion?: string;
 }
 
 /** Serve transformed module at /_vf_modules/* path */
@@ -65,6 +67,7 @@ export function serveModule(req: dntShim.Request, options: ModuleServerOptions):
         dev = true,
         projectUUID,
         allowedImportDirs,
+        reactVersion,
       } = options;
 
       const effectiveProjectId = projectUUID ?? projectId;
@@ -141,7 +144,7 @@ export function serveModule(req: dntShim.Request, options: ModuleServerOptions):
             `_snippets/${hash}.tsx`,
             projectDir,
             adapter,
-            { projectId: effectiveProjectId, dev, ssr: isSSR },
+            { projectId: effectiveProjectId, dev, ssr: isSSR, reactVersion },
           );
 
           if (isSSR && transformedCode) {
@@ -230,6 +233,7 @@ export function serveModule(req: dntShim.Request, options: ModuleServerOptions):
             dev,
             ssr: isSSR,
             moduleServerUrl: `http://${url.host}`,
+            reactVersion,
           });
 
           if (isSSR && code) {
@@ -308,6 +312,7 @@ export function serveModule(req: dntShim.Request, options: ModuleServerOptions):
             dev,
             ssr: isSSR,
             studioEmbed,
+            reactVersion,
           };
 
           code = await transformToESM(source, sourceFile, projectDir, adapter, transformOpts);

package/src/src/modules/server/ssr-import-rewriter.ts

@@ -1,6 +1,4 @@
-import { getDenoNpmReactMap, getReactVersion } from "../../transforms/esm/package-registry.js";
-import { isDeno } from "../../platform/compat/runtime.js";
-import { getLocalReactPaths } from "../../platform/compat/react-paths.js";
+import { getReactImportMap, getReactVersion } from "../../transforms/esm/package-registry.js";
 
 export interface SSRRewriteOptions {
   /** Project slug for multi-project routing */
@@ -37,26 +35,23 @@ function shouldKeepBareSpecifier(specifier: string): boolean {
 }
 
 function resolveReactForRuntime(specifier: string, version?: string): string | null {
-  // Always rewrite React imports to explicit specifiers for SSR modules.
-  // Dynamic imports from temp files don't have access to deno.json import map,
-  // so we must use explicit specifiers to ensure a single React instance.
-  // For Deno: use npm: specifiers (auto-deduplicated by Deno's npm cache)
-  // For Node/Bun: use local node_modules paths
-  const reactMap = isDeno ? getDenoNpmReactMap(version) : getLocalReactPaths();
+  // Always rewrite React imports to esm.sh URLs for SSR modules.
+  // NO npm: specifiers - use esm.sh URLs only for consistent React instance.
+  const v = version ?? getReactVersion();
+  const reactMap = getReactImportMap(v);
 
   const mapped = reactMap[specifier];
   if (mapped) return mapped;
 
   // Handle React subpath imports not in the map
-  const v = version ?? getReactVersion();
   if (specifier.startsWith("react/")) {
     const subpath = specifier.slice("react/".length);
-    return isDeno ? `npm:react@${v}/${subpath}` : `react/${subpath}`;
+    return `https://esm.sh/react@${v}/${subpath}?external=react&target=es2022`;
   }
 
   if (specifier.startsWith("react-dom/")) {
     const subpath = specifier.slice("react-dom/".length);
-    return isDeno ? `npm:react-dom@${v}/${subpath}` : `react-dom/${subpath}`;
+    return `https://esm.sh/react-dom@${v}/${subpath}?external=react&target=es2022`;
   }
 
   return null;
@@ -69,11 +64,8 @@ function rewriteBareImports(code: string, version?: string): string {
     if (reactUrl) return `from "${reactUrl}"`;
     if (shouldKeepBareSpecifier(specifier)) return `from "${specifier}"`;
 
-    // For third-party packages: Deno uses npm: specifiers, Node/Bun use esm.sh
-    if (isDeno) {
-      return `from "npm:${specifier}"`;
-    }
-    return `from "https://esm.sh/${specifier}?deps=react@${v},react-dom@${v}&target=es2022"`;
+    // For third-party packages: Use esm.sh with external=react
+    return `from "https://esm.sh/${specifier}?external=react&target=es2022"`;
   });
 }
 

package/src/src/react/compat/hooks-adapter.ts

@@ -1,6 +1,6 @@
 import * as dntShim from "../../../_dnt.shims.js";
 import { rendererLogger as logger } from "../../utils/index.js";
-import * as React from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
 import { getReactVersionInfo, hasFeature } from "./version-detector/index.js";
 
 export interface FormStatus {

package/src/src/react/compat/ssr-adapter/response-builder.ts

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../../_dnt.shims.js";
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 import { getReactVersionInfo } from "../version-detector/index.js";
 import { wrapInHTML } from "./html-wrapper.js";
 import { renderToStreamAdapter } from "./stream-renderer.js";

package/src/src/react/compat/ssr-adapter/server-loader.ts

@@ -2,16 +2,16 @@ import { getReactVersionInfo } from "../version-detector/index.js";
 import { Singleflight } from "../../../utils/singleflight.js";
 
 export interface ReactDOMServer {
-  renderToString: typeof import("react-dom/server").renderToString;
-  renderToStaticMarkup: typeof import("react-dom/server").renderToStaticMarkup;
-  renderToPipeableStream?: typeof import("react-dom/server").renderToPipeableStream;
-  renderToReadableStream?: typeof import("react-dom/server").renderToReadableStream;
+  renderToString: typeof import("../../../../deps/esm.sh/react-dom@19.1.1/server.js").renderToString;
+  renderToStaticMarkup: typeof import("../../../../deps/esm.sh/react-dom@19.1.1/server.js").renderToStaticMarkup;
+  renderToPipeableStream?: typeof import("../../../../deps/esm.sh/react-dom@19.1.1/server.js").renderToPipeableStream;
+  renderToReadableStream?: typeof import("../../../../deps/esm.sh/react-dom@19.1.1/server.js").renderToReadableStream;
 }
 
-let projectReactCache: typeof import("react") | null = null;
+let projectReactCache: typeof import("../../../../deps/esm.sh/react@19.1.1.js") | null = null;
 let reactDOMServerCache: ReactDOMServer | null = null;
 
-const reactLoadFlight = new Singleflight<typeof import("react")>();
+const reactLoadFlight = new Singleflight<typeof import("../../../../deps/esm.sh/react@19.1.1.js")>();
 const reactDOMServerLoadFlight = new Singleflight<ReactDOMServer>();
 
 export function resetReactCache(): void {
@@ -19,14 +19,14 @@ export function resetReactCache(): void {
   reactDOMServerCache = null;
 }
 
-export function getProjectReact(): Promise<typeof import("react")> {
+export function getProjectReact(): Promise<typeof import("../../../../deps/esm.sh/react@19.1.1.js")> {
   if (projectReactCache) return Promise.resolve(projectReactCache);
 
   return reactLoadFlight.do("react", async () => {
     if (projectReactCache) return projectReactCache;
 
-    const reactModule = await import("react");
-    projectReactCache = (reactModule.default ?? reactModule) as typeof import("react");
+    const reactModule = await import("../../../../deps/esm.sh/react@19.1.1.js");
+    projectReactCache = (reactModule.default ?? reactModule) as typeof import("../../../../deps/esm.sh/react@19.1.1.js");
     return projectReactCache;
   });
 }
@@ -38,7 +38,7 @@ export function getReactDOMServer(): Promise<ReactDOMServer> {
     if (reactDOMServerCache) return reactDOMServerCache;
 
     const versionInfo = getReactVersionInfo();
-    const serverModule = await import("react-dom/server");
+    const serverModule = await import("../../../../deps/esm.sh/react-dom@19.1.1/server.js");
 
     const react18Plus = versionInfo.isReact18 || versionInfo.isReact19;
 

package/src/src/react/compat/ssr-adapter/stream-renderer.ts

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../../_dnt.shims.js";
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 import { rendererLogger as logger } from "../../../utils/index.js";
 import { getReactVersionInfo, hasFeature } from "../version-detector/index.js";
 import { getReactDOMServer } from "./server-loader.js";
@@ -145,7 +145,7 @@ function renderToPipeableStreamImpl(
     }, SSR_TIMEOUT_MS);
 
     try {
-      const { pipe, abort } = server.renderToPipeableStream(element, {
+      const { pipe, abort } = server.renderToPipeableStream!(element, {
         bootstrapScripts: options.bootstrapScripts,
         bootstrapModules: options.bootstrapModules,
         identifierPrefix: options.identifierPrefix,

package/src/src/react/compat/ssr-adapter/string-renderer.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 import { rendererLogger as logger } from "../../../utils/index.js";
 import { withSpan } from "../../../observability/tracing/otlp-setup.js";
 import { SpanNames } from "../../../observability/tracing/span-names.js";
@@ -31,7 +31,7 @@ export async function renderToStringAdapter(
       const stream = await withSpan(
         SpanNames.SSR_REACT_RENDER_TO_STREAM,
         () =>
-          server.renderToReadableStream(element, {
+          server.renderToReadableStream!(element, {
             onError: (error: unknown) => {
               logger.error("SSR renderToReadableStream error", error);
               options.onError?.(error as Error);
@@ -48,7 +48,7 @@ export async function renderToStringAdapter(
   try {
     return (await withSpan(
       SpanNames.SSR_REACT_RENDER_TO_STRING,
-      () => server.renderToString(element),
+      () => Promise.resolve(server.renderToString(element)),
       { "ssr.method": "renderToString" },
     )) as string;
   } catch (error) {

package/src/src/react/compat/version-detector/feature-detector.ts

@@ -1,6 +1,6 @@
 import { rendererLogger as logger } from "../../../utils/index.js";
 import { readTextFile } from "../../../platform/compat/fs.js";
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 import type { ReactFeatures, ReactVersionInfo } from "./types.js";
 import { isReact17, isReact18, isReact19, parseVersion } from "./version-parser.js";
 

package/src/src/react/components/AppWrapper.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
 import type { MDXComponents, PageContext as TypedPageContext } from "../../types/index.js";
 import type { MdxBundle } from "./LayoutComponent.js";
 import { LayoutComponent } from "./LayoutComponent.js";

package/src/src/react/components/Head.tsx

@@ -1,7 +1,7 @@
 import "../../../_dnt.polyfills.js";
 import "../../../_dnt.polyfills.js";
 import * as dntShim from "../../../_dnt.shims.js";
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef } from "../../../deps/esm.sh/react@19.1.1.js";
 import { collectHead } from "../head-collector.js";
 
 function isServerEnvironment(): boolean {
@@ -17,7 +17,9 @@ export function Head({ children }: { children: React.ReactNode }): React.ReactEl
     React.Children.forEach(children, (child) => {
       if (!React.isValidElement(child)) return;
 
-      const { type, props } = child;
+      const { type } = child;
+      // Cast props to Record for React 19 compatibility (props is unknown in R19 types)
+      const props = child.props as Record<string, unknown>;
       if (typeof type !== "string" || type === "body") return;
 
       if (type === "title") {
@@ -62,7 +64,9 @@ export function Head({ children }: { children: React.ReactNode }): React.ReactEl
     React.Children.forEach(children, (child) => {
       if (!React.isValidElement(child)) return;
 
-      const { type, props } = child;
+      const { type } = child;
+      // Cast props to Record for React 19 compatibility (props is unknown in R19 types)
+      const props = child.props as Record<string, unknown>;
       if (typeof type !== "string" || type === "body") return;
 
       if (type === "title") {

package/src/src/react/components/LayoutComponent.tsx

@@ -1,5 +1,5 @@
-import type React from "react";
-import { useMemo, useRef } from "react";
+import type React from "../../../deps/esm.sh/react@19.1.1.js";
+import { useMemo, useRef } from "../../../deps/esm.sh/react@19.1.1.js";
 import { mdxRenderer } from "../../transforms/mdx/index.js";
 import type { MdxBundle, MDXComponents, PageContext as TypedPageContext } from "../../types/index.js";
 import { rendererLogger as logger } from "../../utils/index.js";

package/src/src/react/components/Link.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from "../../../deps/esm.sh/react@19.1.1.js";
 
 export type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
   prefetch?: boolean;

package/src/src/react/components/MDXProvider.tsx

@@ -1,5 +1,5 @@
-import React from "react";
-import { createContext, useContext } from "react";
+import React from "../../../deps/esm.sh/react@19.1.1.js";
+import { createContext, useContext } from "../../../deps/esm.sh/react@19.1.1.js";
 import type { MDXComponents } from "../../types/index.js";
 
 const MDXContext = createContext<MDXComponents>({});

package/src/src/react/components/ProviderComponent.tsx

@@ -1,5 +1,5 @@
-import type * as React from "react";
-import { useMemo, useRef } from "react";
+import type * as React from "../../../deps/esm.sh/react@19.1.1.js";
+import { useMemo, useRef } from "../../../deps/esm.sh/react@19.1.1.js";
 import { mdxRenderer } from "../../transforms/mdx/index.js";
 import type { MDXComponents } from "../../types/index.js";
 import type { MdxBundle } from "./LayoutComponent.js";

package/src/src/react/components/ai/agent-card.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 import {
   AgentContainer,
   AgentStatus as AgentStatusPrimitive,

package/src/src/react/components/ai/chat/components/animations.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../../../../deps/esm.sh/react@19.1.1.js";
 import { cn } from "../../theme.js";
 
 export function Shimmer({ children }: { children: React.ReactNode }): React.ReactElement {

package/src/src/react/components/ai/chat/components/empty-state.tsx

@@ -3,7 +3,7 @@
  * @module ai/react/components/chat/components/empty-state
  */
 
-import * as React from "react";
+import * as React from "../../../../../../deps/esm.sh/react@19.1.1.js";
 import { cn } from "../../theme.js";
 import { ArrowDownIcon } from "../../icons/index.js";
 

package/src/src/react/components/ai/chat/components/message-actions.tsx

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../../../../_dnt.shims.js";
-import * as React from "react";
+import * as React from "../../../../../../deps/esm.sh/react@19.1.1.js";
 import { cn } from "../../theme.js";
 import { CheckIcon, CopyIcon } from "../../icons/index.js";
 

package/src/src/react/components/ai/chat/components/reasoning.tsx

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../../../../_dnt.shims.js";
-import * as React from "react";
+import * as React from "../../../../../../deps/esm.sh/react@19.1.1.js";
 import { cn } from "../../theme.js";
 import { Markdown } from "../../markdown.js";
 import { BrainIcon, ChevronDownIcon } from "../../icons/index.js";

package/src/src/react/components/ai/chat/components/tool-ui.tsx

@@ -3,7 +3,7 @@
  * @module ai/react/components/chat/components/tool-ui
  */
 
-import * as React from "react";
+import * as React from "../../../../../../deps/esm.sh/react@19.1.1.js";
 import { cn } from "../../theme.js";
 import {
   CheckCircleIcon,

package/src/src/react/components/ai/chat/composition/api.tsx

@@ -3,7 +3,7 @@
  * @module ai/react/components/chat/composition/api
  */
 
-import * as React from "react";
+import * as React from "../../../../../../deps/esm.sh/react@19.1.1.js";
 import { InputBox, MessageList } from "../../../../primitives/index.js";
 import { cn, defaultChatTheme } from "../../theme.js";
 

package/src/src/react/components/ai/chat/index.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../../../deps/esm.sh/react@19.1.1.js";
 import {
   ChatContainer,
   InputBox,

package/src/src/react/components/ai/error-boundary.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 
 export interface AIErrorBoundaryProps {
   children: React.ReactNode;

package/src/src/react/components/ai/icons/index.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../../../deps/esm.sh/react@19.1.1.js";
 import { cn } from "../theme.js";
 
 export interface IconProps {

package/src/src/react/components/ai/markdown.tsx

@@ -11,7 +11,7 @@
 import * as dntShim from "../../../../_dnt.shims.js";
 
 
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 import { cn } from "./theme.js";
 
 export interface MarkdownProps {

package/src/src/react/components/ai/message.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 import { MessageContent, MessageItem, MessageRole } from "../../primitives/index.js";
 import type { ToolUIPart, UIMessage, UIMessagePart } from "../../../agent/react/index.js";
 import { type ChatTheme, cn, defaultChatTheme, mergeThemes } from "./theme.js";

package/src/src/react/components/optimized-image/OptimizedBackgroundImage.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from "../../../../deps/esm.sh/react@19.1.1.js";
 import { RESPONSIVE_IMAGE_WIDTH_LG } from "../../../utils/constants/network.js";
 import { getOptimizedPath } from "./helpers.js";
 

package/src/src/react/components/optimized-image/OptimizedImage.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from "../../../../deps/esm.sh/react@19.1.1.js";
 import { RESPONSIVE_IMAGE_WIDTH_LG, RESPONSIVE_IMAGE_WIDTHS } from "../../../utils/index.js";
 import { generateSrcSet, getExtension, getOptimizedPath } from "./helpers.js";
 

package/src/src/react/components/optimized-image/SimpleOptimizedImage.tsx

@@ -1,4 +1,4 @@
-import type React from "react";
+import type React from "../../../../deps/esm.sh/react@19.1.1.js";
 import type { OptimizedImageProps } from "./OptimizedImage.js";
 import { RESPONSIVE_IMAGE_WIDTH_LG, RESPONSIVE_IMAGE_WIDTHS } from "../../../utils/index.js";
 import { generateSrcSet, getOptimizedPath } from "./helpers.js";

package/src/src/react/components/optimized-image/utils.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from "../../../../deps/esm.sh/react@19.1.1.js";
 
 export function generateBlurDataURL(
   width: number = 10,

package/src/src/react/context/index.ts

@@ -1,6 +1,6 @@
 import "../../../_dnt.polyfills.js";
 import "../../../_dnt.polyfills.js";
-import React from "react";
+import React from "../../../deps/esm.sh/react@19.1.1.js";
 
 export interface MdxHeading {
   text: string;

package/src/src/react/fonts/index.ts

@@ -1,6 +1,6 @@
 import "../../../_dnt.polyfills.js";
 import "../../../_dnt.polyfills.js";
-import React from "react";
+import React from "../../../deps/esm.sh/react@19.1.1.js";
 import { Head } from "../components/Head.js";
 
 export interface Font {

package/src/src/react/primitives/agent-primitives.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
 import type { AgentStatus as AgentStatusType } from "../../agent/index.js";
 
 export interface AgentContainerProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/src/react/primitives/chat-container.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
 
 export interface ChatContainerProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;

package/src/src/react/primitives/input-box.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
 
 export interface InputBoxProps extends
   Omit<
@@ -28,7 +28,8 @@ export const InputBox = React.forwardRef<
   if (multiline) {
     return (
       <textarea
-        ref={ref as React.Ref<HTMLTextAreaElement>}
+        // deno-lint-ignore no-explicit-any
+        ref={ref as any}
         className={className}
         value={value}
         onChange={onChange}
@@ -43,7 +44,8 @@ export const InputBox = React.forwardRef<
 
   return (
     <input
-      ref={ref as React.Ref<HTMLInputElement>}
+      // deno-lint-ignore no-explicit-any
+      ref={ref as any}
       type="text"
       className={className}
       value={value}

package/src/src/react/primitives/message-list.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
 import type { UIMessage } from "../../agent/react/index.js";
 
 export interface MessageListProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/src/react/primitives/tool-primitives.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
 import type { DynamicToolUIPart, ToolState, ToolUIPart } from "../../agent/react/index.js";
 
 export interface ToolInvocationProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/src/react/router/index.ts

@@ -1,6 +1,6 @@
 import "../../../_dnt.polyfills.js";
 import "../../../_dnt.polyfills.js";
-import React from "react";
+import React from "../../../deps/esm.sh/react@19.1.1.js";
 
 export interface RouterValue {
   domain: string;

package/src/src/rendering/app-reserved.ts

@@ -1,4 +1,4 @@
-import * as BundledReact from "react";
+import * as BundledReact from "../../deps/esm.sh/react@19.1.1.js";
 import { rendererLogger as logger } from "../utils/index.js";
 import type { RuntimeAdapter } from "../platform/adapters/base.js";
 

package/src/src/rendering/client/router.ts

@@ -1,7 +1,7 @@
 import * as dntShim from "../../../_dnt.shims.js";
 import { rendererLogger as logger } from "../../utils/index.js";
-import ReactDOM from "react-dom/client";
-import type { Root } from "react-dom/client";
+import ReactDOM from "../../../deps/esm.sh/react-dom@19.1.1/client.js";
+import type { Root } from "../../../deps/esm.sh/react-dom@19.1.1/client.js";
 import type { GlobalWithReactDOM } from "../../types/global-guards.js";
 import {
   extractPageDataFromScript,

package/src/src/rendering/client/state-bridge.ts

@@ -1,6 +1,6 @@
 import * as dntShim from "../../../_dnt.shims.js";
-import * as React from "react";
-import type { DependencyList, Dispatch, EffectCallback, SetStateAction } from "react";
+import * as React from "../../../deps/esm.sh/react@19.1.1.js";
+import type { DependencyList, Dispatch, EffectCallback, SetStateAction } from "../../../deps/esm.sh/react@19.1.1.js";
 import { rendererLogger } from "../../utils/index.js";
 
 export interface StateStore {