diff --git a/packages/react-dev-overlay/src/middleware.ts b/packages/react-dev-overlay/src/middleware.ts
index cc12acfdcc49f..2586015e4aba1 100644
--- a/packages/react-dev-overlay/src/middleware.ts
+++ b/packages/react-dev-overlay/src/middleware.ts
@@ -1,3 +1,4 @@
+import { codeFrameColumns } from '@babel/code-frame'
 import { constants as FS, promises as fs } from 'fs'
 import { IncomingMessage, ServerResponse } from 'http'
 import path from 'path'
@@ -235,8 +236,6 @@ export async function createOriginalStackFrame({
     arguments: [],
   }
 
-  const { codeFrameColumns } = require('next/dist/compiled/babel/code-frame')
-
   const originalCodeFrame: string | null =
     !(originalFrame.file?.includes('node_modules') ?? true) &&
     sourceContent &&