From a03ec74a45cd303399400d8686e004f5138de0a3 Mon Sep 17 00:00:00 2001
From: Johnny <joaogardenberg@gmail.com>
Date: Sat, 19 Dec 2020 06:03:00 -0300
Subject: [PATCH 1/2] Update peer dependencies for react 17.x (#48)

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 284e8b8..f0ff0b6 100644
--- a/package.json
+++ b/package.json
@@ -70,8 +70,8 @@
     "webpack": "1.13.2"
   },
   "peerDependencies": {
-    "react": "0.14.x || 15.x || 16.x",
-    "react-dom": "0.14.x || 15.x || 16.x"
+    "react": "0.14.x || 15.x || 16.x || 17.x",
+    "react-dom": "0.14.x || 15.x || 16.x || 17.x"
   },
   "dependencies": {
     "prop-types": "^15.5.7"

From 333961c27eaaed7af9cd2ba09209721e5c5cc4bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EB=8F=84=ED=9D=AC?= <dohee.pa@gmail.com>
Date: Mon, 25 Jan 2021 23:53:05 +0900
Subject: [PATCH 2/2] Update Usage in README.md

---
 README.md | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 99fdcc1..f4ecf97 100644
--- a/README.md
+++ b/README.md
@@ -25,9 +25,9 @@ import React, {Component} from 'react';
 import { ScrollSync, ScrollSyncPane } from 'react-scroll-sync';
 
 export default class MyComponent extends Component {
-    
     render() {
-      <ScrollSync>
+    return (
+        <ScrollSync>
         <div style={{ display: 'flex', position: 'relative', height: 300 }}>
           <ScrollSyncPane>
             <div style={{overflow: 'auto'}}>
@@ -40,7 +40,7 @@ export default class MyComponent extends Component {
               </section>
             </div>
           </ScrollSyncPane>
-
+      
           <ScrollSyncPane>
             <div style={{overflow: 'auto'}}>
               <section style={{ height: 1000 }}>
@@ -52,7 +52,7 @@ export default class MyComponent extends Component {
               </section>
             </div>
           </ScrollSyncPane>
-
+      
           <ScrollSyncPane>
             <div style={{overflow: 'auto'}}>
               <section style={{ height: 2000 }}>
@@ -66,8 +66,6 @@ export default class MyComponent extends Component {
           </ScrollSyncPane>
         </div>
       </ScrollSync>
-
-        );
-    }
+    )}
 }
 ```