From 49e21bd4c62f16b88c3e23564ffac7a48da1a244 Mon Sep 17 00:00:00 2001
From: Ib Green <ib@unfolded.ai>
Date: Thu, 2 May 2024 17:41:55 -0400
Subject: [PATCH] fix(website): render examples on browser only (#90)

---
 website/src/examples-sidebar.js                   |  2 +-
 website/src/examples/editable-layers/advanced.tsx | 15 +++++++--------
 .../{editor.mdx => editor.mdx.disabled}           |  0
 website/src/examples/editable-layers/editor.tsx   | 15 +++++++--------
 4 files changed, 15 insertions(+), 17 deletions(-)
 rename website/src/examples/editable-layers/{editor.mdx => editor.mdx.disabled} (100%)

diff --git a/website/src/examples-sidebar.js b/website/src/examples-sidebar.js
index 1761f0d7..f32cdfba 100644
--- 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
index f8f23cc4..009d6354 100644
--- 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);
\ No newline at end of file
+export default makeExample(AdvancedDemo);
diff --git a/website/src/examples/editable-layers/editor.mdx b/website/src/examples/editable-layers/editor.mdx.disabled
similarity index 100%
rename from website/src/examples/editable-layers/editor.mdx
rename to website/src/examples/editable-layers/editor.mdx.disabled
diff --git a/website/src/examples/editable-layers/editor.tsx b/website/src/examples/editable-layers/editor.tsx
index e65ecfcf..3b8d373d 100644
--- 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);
\ No newline at end of file
+export default makeExample(EditorDemo);