use default dev overlay export, match specific loader name

vercel · Oct 25, 2022 · 46ba060 · 46ba060
1 parent cf54007
commit 46ba060
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/next/build/entries.ts b/packages/next/build/entries.ts
@@ -521,7 +521,7 @@ export function finalizeEntrypoint({
     name !== CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH
   ) {
     // TODO-APP: this is a temporary fix. @shuding is going to change the handling of server components
-    if (hasAppDir && entry.import.includes('flight')) {
+    if (hasAppDir && entry.import.includes('next-flight-client-entry-loader')) {
       return {
         dependOn: CLIENT_STATIC_FILES_RUNTIME_MAIN_APP,
         ...entry,

diff --git a/packages/next/client/app-index.tsx b/packages/next/client/app-index.tsx
@@ -175,8 +175,8 @@ function RSCComponent(props: any): JSX.Element {
 
 export function hydrate() {
   if (process.env.NODE_ENV !== 'production') {
-    const HotReload = require('./components/react-dev-overlay/hot-reloader-client')
-    typeof import('./components/react-dev-overlay/hot-reloader-client')
+    const HotReload: typeof import('./components/react-dev-overlay/hot-reloader-client').default = require('./components/react-dev-overlay/hot-reloader-client')
+
     const rootLayoutMissingTagsError = (self as any)
       .__next_root_layout_missing_tags_error