From 16bcba0fad32c047a8654819ba38171e47fe165f Mon Sep 17 00:00:00 2001
From: Valentin Hervieu <valentin@hervi.eu>
Date: Mon, 18 May 2020 19:17:55 +0200
Subject: [PATCH] Fix SSR on website

---
 docs/src/components/Demo/index.tsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/docs/src/components/Demo/index.tsx b/docs/src/components/Demo/index.tsx
index a8113c3..8c34836 100644
--- a/docs/src/components/Demo/index.tsx
+++ b/docs/src/components/Demo/index.tsx
@@ -1,4 +1,5 @@
 import Button from '@material-ui/core/Button'
+import NoSsr from '@material-ui/core/NoSsr'
 import Slider from '@material-ui/core/Slider'
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles'
 import Typography from '@material-ui/core/Typography'
@@ -84,17 +85,19 @@ const Demo: React.FC = props => {
   return (
     <div>
       <div className={classes.cropContainer}>
-        <Cropper
-          image={dogImg}
-          crop={crop}
-          rotation={rotation}
-          zoom={zoom}
-          aspect={4 / 3}
-          onCropChange={setCrop}
-          onRotationChange={setRotation}
-          onCropComplete={onCropComplete}
-          onZoomChange={setZoom}
-        />
+        <NoSsr>
+          <Cropper
+            image={dogImg}
+            crop={crop}
+            rotation={rotation}
+            zoom={zoom}
+            aspect={4 / 3}
+            onCropChange={setCrop}
+            onRotationChange={setRotation}
+            onCropComplete={onCropComplete}
+            onZoomChange={setZoom}
+          />
+        </NoSsr>
       </div>
       <div className={classes.controls}>
         <div className={classes.sliderContainer}>