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 bdc95c1b4e6dcc..683811c27042f0 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 @@ -12,7 +12,6 @@ import { DialogContent, DialogHeader, } from '../components/Dialog' -import { LeftRightDialogHeader } from '../components/LeftRightDialogHeader' import { Overlay } from '../components/Overlay' import { getErrorByType } from '../helpers/get-error-by-type' import type { ReadyRuntimeError } from '../helpers/get-error-by-type' @@ -35,6 +34,7 @@ import { } from '../helpers/console-error' import { extractNextErrorCode } from '../../../../../../lib/error-telemetry-utils' import { ErrorIndicator } from '../components/Errors/ErrorIndicator/ErrorIndicator' +import { ErrorPagination } from '../components/Errors/ErrorPagination/ErrorPagination' export type SupportedErrorEvent = { id: number @@ -273,21 +273,15 @@ export function Errors({ > - 0 ? previous : null} - next={activeIdx < readyErrors.length - 1 ? next : null} - close={isServerError ? undefined : minimize} - > - - {activeIdx + 1} of{' '} - - {readyErrors.length} - - {' issue'} - {readyErrors.length < 2 ? '' : 's'} - - - + +