cloudflare/vinext

App Router: `reactMaxHeadersLength` config not respected

Geschlossen

#1.552 geöffnet am 22.05.2026

Auf GitHub ansehenContributor Guide
 (3 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (384 Forks)github user discovery
adapter-api-e2ehelp wanted

Repository-Metriken

Stars
 (8.625 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 1T 1h) (462 gemergte PRs in 30 T)

Beschreibung

This issue was created by an agent analysing CI failures from the Next.js Deploy Suite (vinext main vs Next.js v16.2.6, 2026-05-22).

Problem

The reactMaxHeadersLength config option (which controls how much React inlines into HTTP headers like Link preload hints) is not honored — the expected header that should be set when this option is configured is always null.

With `reactMaxHeadersLength` configured, expected Link preload header set; received null

Estimated Impact

~3 test failures across the deploy suite.

Affected Test Suites

  • test/e2e/app-dir/react-max-headers-length/react-max-headers-length.test.ts (3 failures)

Recommendation

  1. Reproduce first in vinext's own test suite. Configure reactMaxHeadersLength: 16000 and assert the expected Link header is emitted.

  2. Forward the option into the React renderer. Pass reactMaxHeadersLength to renderToReadableStream/renderToPipeableStream so React inlines preload hints into headers up to the limit.

Part of #1328.

Contributor Guide

Research-Richtung
Stellen Sie sicher, dass der Konfigurationswert `reactMaxHeadersLength` an die React Rendering Funktion (z.B. `renderToReadableStream` oder `renderToPipeableStream`) weitergeleitet wird, und überprüfen Sie, ob die generierten Link Header das festgelegte Limit einhalten.
Tech Stack
typescriptreactvite
Domain
backend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
TypeScriptReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
55