= function BuildError({
onClose={noop}
versionInfo={versionInfo}
footerMessage="This error occurred during the build process and can only be dismissed by fixing the error."
+ isTurbopack={isTurbopack}
>
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.stories.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.stories.tsx
index 5dd9128f9c119..a8f1009825941 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.stories.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.stories.tsx
@@ -74,7 +74,14 @@ export const Default: Story = {
},
initialDisplayState: 'fullscreen',
hasStaticIndicator: true,
- isTurbopackEnabled: true,
+ isTurbopack: true,
+ },
+}
+
+export const Turbopack: Story = {
+ args: {
+ ...Default.args,
+ isTurbopack: true,
},
}
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.tsx
index e37b7895957dc..244c8829bb7c3 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/Errors.tsx
@@ -35,10 +35,10 @@ export type ErrorsProps = {
isAppDir: boolean
errors: SupportedErrorEvent[]
initialDisplayState: DisplayState
+ isTurbopack: boolean
versionInfo?: VersionInfo
hasStaticIndicator?: boolean
debugInfo?: DebugInfo
- isTurbopackEnabled: boolean
}
type ReadyErrorEvent = ReadyRuntimeError
@@ -110,7 +110,7 @@ export function Errors({
hasStaticIndicator,
debugInfo,
versionInfo,
- isTurbopackEnabled,
+ isTurbopack,
}: ErrorsProps) {
const [lookups, setLookups] = useState(
{} as { [eventId: string]: ReadyErrorEvent }
@@ -214,7 +214,7 @@ export function Errors({
fullscreen={fullscreen}
hide={hide}
versionInfo={versionInfo}
- isTurbopackEnabled={isTurbopackEnabled}
+ isTurbopack={isTurbopack}
/>
)
}
@@ -272,6 +272,7 @@ export function Errors({
setActiveIndex={setActiveIndex}
footerMessage={footerMessage}
versionInfo={versionInfo}
+ isTurbopack={isTurbopack}
>
{notes ? (
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.stories.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.stories.tsx
index ba9e611301ea2..5642d16894538 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.stories.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.stories.tsx
@@ -32,3 +32,10 @@ export const SingleTag: Story = {
},
},
}
+
+export const Turbopack: Story = {
+ args: {
+ ...Default.args,
+ isTurbopack: true,
+ },
+}
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.tsx
index 2e14c1a2ca050..bdbba514da226 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/container/RootLayoutMissingTagsError.tsx
@@ -5,11 +5,13 @@ import { ErrorOverlayLayout } from '../components/Errors/error-overlay-layout/er
type RootLayoutMissingTagsErrorProps = {
missingTags: string[]
+ isTurbopack: boolean
versionInfo?: VersionInfo
}
export function RootLayoutMissingTagsError({
missingTags,
+ isTurbopack,
versionInfo,
}: RootLayoutMissingTagsErrorProps) {
const noop = useCallback(() => {}, [])
@@ -27,6 +29,7 @@ export function RootLayoutMissingTagsError({
}
onClose={noop}
versionInfo={versionInfo}
+ isTurbopack={isTurbopack}
/>
)
}
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.tsx
index a1d470c685178..b6f3a08d3977f 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/pages/ReactDevOverlay.tsx
@@ -26,6 +26,8 @@ export default function ReactDevOverlay({ children }: ReactDevOverlayProps) {
onComponentError,
} = usePagesReactDevOverlay()
+ const isTurbopack = !!process.env.TURBOPACK
+
return (
<>
@@ -41,6 +43,7 @@ export default function ReactDevOverlay({ children }: ReactDevOverlayProps) {
) : hasRuntimeErrors ? (
) : (
)}