@docusaurus/core 4.0.0-canary-6839 → 4.0.0-canary-6840

package/lib/client/App.js

@@ -13,7 +13,6 @@ import Root from '@theme/Root';
 import ThemeProvider from '@theme/ThemeProvider';
 import SiteMetadata from '@theme/SiteMetadata';
 import normalizeLocation from './normalizeLocation';
-import { BrowserContextProvider } from './browserContext';
 import { DocusaurusContextProvider } from './docusaurusContext';
 import PendingNavigation from './PendingNavigation';
 import BaseUrlIssueBanner from './BaseUrlIssueBanner';
@@ -33,17 +32,15 @@ function AppNavigation() {
 export default function App() {
     return (<ErrorBoundary>
       <DocusaurusContextProvider>
-        <BrowserContextProvider>
-          <Root>
-            <ThemeProvider>
-              <SiteMetadataDefaults />
-              <SiteMetadata />
-              <BaseUrlIssueBanner />
-              <AppNavigation />
-            </ThemeProvider>
-          </Root>
-          <HasHydratedDataAttribute />
-        </BrowserContextProvider>
+        <Root>
+          <ThemeProvider>
+            <SiteMetadataDefaults />
+            <SiteMetadata />
+            <BaseUrlIssueBanner />
+            <AppNavigation />
+          </ThemeProvider>
+        </Root>
+        <HasHydratedDataAttribute />
       </DocusaurusContextProvider>
     </ErrorBoundary>);
 }

package/lib/client/exports/useIsBrowser.js

@@ -4,8 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { useContext } from 'react';
-import { Context } from '../browserContext';
+import { useSyncExternalStore } from 'react';
+// The "browser" state never changes, there's nothing to subscribe to
+const subscribe = () => () => { };
+// On first client-side render, we need to render exactly as the server rendered
+// See https://www.joshwcomeau.com/react/the-perils-of-rehydration/
+// React uses getServerSnapshot during SSR and hydration, and re-renders with
+// getSnapshot right after hydration. Components mounted after hydration
+// directly get the client value, without an extra re-render.
 export default function useIsBrowser() {
-    return useContext(Context);
+    return useSyncExternalStore(subscribe, () => true, () => false);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@docusaurus/core",
   "description": "Easy to Maintain Open Source Documentation Websites",
-  "version": "4.0.0-canary-6839",
+  "version": "4.0.0-canary-6840",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -33,14 +33,14 @@
     "url": "https://github.com/facebook/docusaurus/issues"
   },
   "dependencies": {
-    "@docusaurus/babel": "4.0.0-canary-6839",
-    "@docusaurus/bundler": "4.0.0-canary-6839",
-    "@docusaurus/glob": "4.0.0-canary-6839",
-    "@docusaurus/logger": "4.0.0-canary-6839",
-    "@docusaurus/mdx-loader": "4.0.0-canary-6839",
-    "@docusaurus/utils": "4.0.0-canary-6839",
-    "@docusaurus/utils-common": "4.0.0-canary-6839",
-    "@docusaurus/utils-validation": "4.0.0-canary-6839",
+    "@docusaurus/babel": "4.0.0-canary-6840",
+    "@docusaurus/bundler": "4.0.0-canary-6840",
+    "@docusaurus/glob": "4.0.0-canary-6840",
+    "@docusaurus/logger": "4.0.0-canary-6840",
+    "@docusaurus/mdx-loader": "4.0.0-canary-6840",
+    "@docusaurus/utils": "4.0.0-canary-6840",
+    "@docusaurus/utils-common": "4.0.0-canary-6840",
+    "@docusaurus/utils-validation": "4.0.0-canary-6840",
     "boxen": "^8.0.1",
     "cli-table3": "^0.6.5",
     "combine-promises": "^1.2.0",
@@ -76,8 +76,8 @@
     "webpack-merge": "^6.0.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "4.0.0-canary-6839",
-    "@docusaurus/types": "4.0.0-canary-6839",
+    "@docusaurus/module-type-aliases": "4.0.0-canary-6840",
+    "@docusaurus/types": "4.0.0-canary-6840",
     "@total-typescript/shoehorn": "^0.1.2",
     "@types/escape-html": "^1.0.4",
     "@types/history": "^4.7.11",
@@ -91,7 +91,7 @@
     "tree-node-cli": "^3.0.0"
   },
   "peerDependencies": {
-    "@docusaurus/faster": "4.0.0-canary-6839",
+    "@docusaurus/faster": "4.0.0-canary-6840",
     "@mdx-js/react": "^3.1.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0"
@@ -104,5 +104,5 @@
   "engines": {
     "node": ">=24.21"
   },
-  "gitHead": "c93a33b60c528917c38fbf07e54c14ff52bdc190"
+  "gitHead": "b767143bc76b7747a9d1cc747dece7b06195a5c0"
 }

package/lib/client/browserContext.d.ts

@@ -1,11 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React, { type ReactNode } from 'react';
-export declare const Context: React.Context<boolean>;
-export declare function BrowserContextProvider({ children, }: {
-    children: ReactNode;
-}): ReactNode;

package/lib/client/browserContext.js

@@ -1,22 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import React, { useEffect, useState } from 'react';
-// Encapsulate the logic to avoid React hydration problems
-// See https://www.joshwcomeau.com/react/the-perils-of-rehydration/
-// On first client-side render, we need to render exactly as the server rendered
-// isBrowser is set to true only after a successful hydration
-// Note, isBrowser is not part of useDocusaurusContext() for perf reasons
-// Using useDocusaurusContext() (much more common need) should not trigger
-// re-rendering after a successful hydration
-export const Context = React.createContext(false);
-export function BrowserContextProvider({ children, }) {
-    const [isBrowser, setIsBrowser] = useState(false);
-    useEffect(() => {
-        setIsBrowser(true);
-    }, []);
-    return <Context.Provider value={isBrowser}>{children}</Context.Provider>;
-}