3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-29 22:47:52 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): render children in BrowserOnly after client is ready (#4935)

Browse source 
* fix(v2): render children in BrowserOnly after client is ready

* Fix fallback issue
This commit is contained in:
Alexey Pyltsyn 2021-06-09 14:41:57 +03:00 • committed by GitHub
parent 869f4bf206
commit d81d43c247
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/docusaurus/src/client/exports/BrowserOnly.tsx
View file

@ -6,7 +6,7 @@
*/ */
import React from 'react'; import React from 'react';
import ExecutionEnvironment from './ExecutionEnvironment'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
function BrowserOnly({ function BrowserOnly({
children, children,
@ -15,11 +15,13 @@ function BrowserOnly({
children?: () => JSX.Element; children?: () => JSX.Element;
fallback?: JSX.Element; fallback?: JSX.Element;
}): JSX.Element | null { }): JSX.Element | null {
if (!ExecutionEnvironment.canUseDOM || children == null) { const {isClient} = useDocusaurusContext();
return fallback || null;
if (isClient && children != null) {
return <>{children()}</>;
} }
return <>{children()}</>; return fallback || null;
} }
export default BrowserOnly; export default BrowserOnly;