3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-29 06:29:03 +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 ExecutionEnvironment from './ExecutionEnvironment';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
function BrowserOnly({
children,
@ -15,11 +15,13 @@ function BrowserOnly({
children?: () => JSX.Element;
fallback?: JSX.Element;
}): JSX.Element | null {
if (!ExecutionEnvironment.canUseDOM || children == null) {
return fallback || null;
const {isClient} = useDocusaurusContext();
if (isClient && children != null) {
return <>{children()}</>;
}
return <>{children()}</>;
return fallback || null;
}
export default BrowserOnly;