page only

Author: devjiwonchoi

packages/next/src/client/components/react-dev-overlay/app/hot-reloader-client.tsx

@@ -613,12 +613,6 @@ export default function HotReload({
     appIsrManifestRef,
   ])
 
-  // Using __NEXT_DEVTOOLS_CLIENT_STATE as we already have it.
-  window.__NEXT_DEVTOOLS_CLIENT_STATE = {
-    ...window.__NEXT_DEVTOOLS_CLIENT_STATE,
-    staticPathsInfo: state.devToolsClientState.staticPathsInfo,
-  }
-
   return (
     <AppDevOverlay state={state} globalError={globalError}>
       {children}

packages/next/src/client/components/react-dev-overlay/ui/components/errors/dev-tools-indicator/dev-tools-indicator.tsx

@@ -45,6 +45,12 @@ export function DevToolsIndicator({
   const [isDevToolsIndicatorVisible, setIsDevToolsIndicatorVisible] =
     useState(true)
 
+  // Using __NEXT_DEVTOOLS_CLIENT_STATE to avoid prop drilling.
+  window.__NEXT_DEVTOOLS_CLIENT_STATE = {
+    ...window.__NEXT_DEVTOOLS_CLIENT_STATE,
+    staticPathsInfo: state.devToolsClientState.staticPathsInfo,
+  }
+
   return (
     <DevToolsPopover
       routerType={state.routerType}

packages/next/src/client/components/react-dev-overlay/ui/components/overview/segment-explorer.tsx

@@ -81,7 +81,9 @@ function PageSegmentTreeLayerPresentation({
 
   const staticPathsInfo = window.__NEXT_DEVTOOLS_CLIENT_STATE?.staticPathsInfo
   const staticPaths =
-    staticPathsInfo && staticPathsInfo.pathname === `/${pagePathPrefix}`
+    staticPathsInfo &&
+    nodeName === 'page' &&
+    staticPathsInfo.pathname === `/${pagePathPrefix}`
       ? staticPathsInfo.staticPaths
       : []