fix(website): render examples on browser only (visgl#90)

hadbn · May 2, 2024 · 49e21bd · 49e21bd
1 parent ddda3ea
commit 49e21bd
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 17 deletions.
diff --git a/website/src/examples-sidebar.js b/website/src/examples-sidebar.js
@@ -20,7 +20,7 @@ const sidebars = {
       type: 'category',
       label: '@deck.gl-community/editable-layers',
       items: [
-        "editable-layers/editor",
+        // "editable-layers/editor",
         "editable-layers/advanced"
       ]
     },

diff --git a/website/src/examples/editable-layers/advanced.tsx b/website/src/examples/editable-layers/advanced.tsx
@@ -1,4 +1,6 @@
 import React, {Component} from 'react';
+import BrowserOnly from '@docusaurus/BrowserOnly';
+
 import {GITHUB_TREE} from '../../constants/defaults';
 import App from '../../../../examples/editable-layers/advanced/src/example';
 
@@ -10,21 +12,18 @@ class AdvancedDemo extends Component {
   static code = `${GITHUB_TREE}/examples/editable-layers/advanced`;
 
   static renderInfo(meta) {
-    return (
-      <>
-      </>
-    );
+    return <></>;
   }
 
   render() {
     const {...otherProps} = this.props;
 
     return (
-      <App
-        {...otherProps}
-      />
+      <BrowserOnly>
+        {() => <App {...otherProps} />}
+      </BrowserOnly>
     );
   }
 }
 
-export default makeExample(AdvancedDemo);
+export default makeExample(AdvancedDemo);
diff --git a/...e/src/examples/editable-layers/editor.mdx → ...mples/editable-layers/editor.mdx.disabled b/...e/src/examples/editable-layers/editor.mdx → ...mples/editable-layers/editor.mdx.disabled
diff --git a/website/src/examples/editable-layers/editor.tsx b/website/src/examples/editable-layers/editor.tsx
@@ -1,4 +1,6 @@
 import React, {Component} from 'react';
+import BrowserOnly from '@docusaurus/BrowserOnly';
+
 import {GITHUB_TREE} from '../../constants/defaults';
 import {Example as App} from '../../../../examples/editable-layers/editor/example';
 
@@ -10,21 +12,18 @@ class EditorDemo extends Component {
   static code = `${GITHUB_TREE}/examples/editable-layers/editor`;
 
   static renderInfo(meta) {
-    return (
-      <>
-      </>
-    );
+    return <></>;
   }
 
   render() {
     const {...otherProps} = this.props;
 
     return (
-      <App
-        {...otherProps}
-      />
+      <BrowserOnly>
+        {() => <App {...otherProps} />}
+      </BrowserOnly>
     );
   }
 }
 
-export default makeExample(EditorDemo);
+export default makeExample(EditorDemo);