dont get from localStorage in shared

Author: devjiwonchoi

packages/next/src/next-devtools/dev-overlay/dev-overlay.stories.tsx

@@ -7,6 +7,8 @@ import imgApp from './app.png'
 import { useReducer } from 'react'
 import { DevOverlay } from './dev-overlay'
 import {
+  ACTION_DEVTOOLS_INDICATOR_POSITION,
+  ACTION_DEVTOOLS_PANEL_CLOSE,
   ACTION_DEVTOOLS_PANEL_TOGGLE,
   ACTION_ERROR_OVERLAY_CLOSE,
   ACTION_ERROR_OVERLAY_OPEN,
@@ -96,6 +98,7 @@ const initialState: OverlayState = {
   },
   isErrorOverlayOpen: false,
   isDevToolsPanelOpen: false,
+  indicatorPosition: 'bottom-left',
 }
 
 function useOverlayReducer() {
@@ -114,6 +117,12 @@ function useOverlayReducer() {
         case ACTION_DEVTOOLS_PANEL_TOGGLE: {
           return { ...state, isDevToolsPanelOpen: !state.isDevToolsPanelOpen }
         }
+        case ACTION_DEVTOOLS_PANEL_CLOSE: {
+          return { ...state, isDevToolsPanelOpen: false }
+        }
+        case ACTION_DEVTOOLS_INDICATOR_POSITION: {
+          return { ...state, indicatorPosition: action.indicatorPosition }
+        }
         default: {
           return state
         }

packages/next/src/next-devtools/dev-overlay/shared.ts

@@ -207,8 +207,7 @@ export const INITIAL_OVERLAY_STATE: Omit<
   versionInfo: { installed: '0.0.0', staleness: 'unknown' },
   debugInfo: { devtoolsFrontendUrl: undefined },
   isDevToolsPanelOpen: false,
-  indicatorPosition:
-    (localStorage.getItem(STORAGE_KEY_POSITION) as Corners) ?? 'bottom-left',
+  indicatorPosition: 'bottom-left',
 }
 
 function getInitialState(