diff --git a/src/components/MDX/Sandpack/NavigationBar.tsx b/src/components/MDX/Sandpack/NavigationBar.tsx
index 3fe743a2d24..62d476ac9e4 100644
--- a/src/components/MDX/Sandpack/NavigationBar.tsx
+++ b/src/components/MDX/Sandpack/NavigationBar.tsx
@@ -18,11 +18,7 @@ import {
   Fragment,
 } from 'react';
 import cn from 'classnames';
-import {
-  FileTabs,
-  useSandpack,
-  useSandpackNavigation,
-} from '@codesandbox/sandpack-react/unstyled';
+import {FileTabs, useSandpack} from '@codesandbox/sandpack-react/unstyled';
 import {OpenInCodeSandboxButton} from './OpenInCodeSandboxButton';
 import {ReloadButton} from './ReloadButton';
 import {ClearButton} from './ClearButton';
@@ -55,9 +51,7 @@ export function NavigationBar({providedFiles}: {providedFiles: Array<string>}) {
   // By default, show the dropdown because all tabs may not fit.
   // We don't know whether they'll fit or not until after hydration:
   const [showDropdown, setShowDropdown] = useState(true);
-  const {activeFile, setActiveFile, visibleFiles, clients} = sandpack;
-  const clientId = Object.keys(clients)[0];
-  const {refresh} = useSandpackNavigation(clientId);
+  const {activeFile, setActiveFile, visibleFiles} = sandpack;
   const isMultiFile = visibleFiles.length > 1;
   const hasJustToggledDropdown = useRef(false);