From 569200b5644ce9590c14c040e87d62287b9fea36 Mon Sep 17 00:00:00 2001
From: Steven Blake <s.blake.191289@gmail.com>
Date: Sat, 20 Mar 2021 15:27:31 +0000
Subject: [PATCH 1/4] Add react 17 to peer dependencies

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

diff --git a/package.json b/package.json
index aea15ec..5861ef0 100644
--- a/package.json
+++ b/package.json
@@ -66,8 +66,8 @@
     "webpack-cli": "^3.1.2"
   },
   "peerDependencies": {
-    "react": "^0.14 || ^15.0.0-rc || ^15.0 || ^16.0.0 || ^16.0",
-    "react-dom": "^0.14 || ^15.0.0-rc || ^15.0 || ^16.0.0 || ^16.0"
+    "react": "^0.14 || ^15.0.0-rc || ^15.0 || ^16.0.0 || ^16.0 || ^17.0",
+    "react-dom": "^0.14 || ^15.0.0-rc || ^15.0 || ^16.0.0 || ^16.0 || ^17.0"
   },
   "standard": {
     "parser": "babel-eslint"

From 046030de498e0d77463f00a2f903e9b4c11cf68f Mon Sep 17 00:00:00 2001
From: Steven Blake <s.blake.191289@gmail.com>
Date: Sat, 20 Mar 2021 15:43:04 +0000
Subject: [PATCH 2/4] Add "prepare" to package.json scripts

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5861ef0..dc6a15d 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "storybook": "start-storybook -p 9001",
     "lint": "standard",
     "lint-fix": "standard --fix",
-    "test": "jest"
+    "test": "jest",
+    "prepare": "npm run build"
   },
   "repository": {
     "type": "git",

From c890aa217f73a2ae2a5f3a4a6b3cc2dd24e86350 Mon Sep 17 00:00:00 2001
From: Steven Blake <s.blake.191289@gmail.com>
Date: Sat, 20 Mar 2021 16:11:30 +0000
Subject: [PATCH 3/4] Updated react dev dependencies. Updated
 react-transition-group dependency

---
 package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index dc6a15d..725fc19 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
   "dependencies": {
     "emotion": "^10.0.1",
     "prop-types": "^15.6.2",
-    "react-transition-group": "^2.5.0"
+    "react-transition-group": "^4.4.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.1.0",
@@ -55,9 +55,9 @@
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.4",
     "jest": "^23.6.0",
-    "react": "^16.6.3",
+    "react": "^17.0.1",
     "react-addons-test-utils": "^15.6.2",
-    "react-dom": "^16.6.3",
+    "react-dom": "^17.0.1",
     "react-testing-library": "^5.3.1",
     "regenerator-runtime": "^0.13.1",
     "rimraf": "^2.6.2",

From dbb21613237464b5e83d0f3d9b5491e8969a938d Mon Sep 17 00:00:00 2001
From: Steven Blake <s.blake.191289@gmail.com>
Date: Sat, 8 May 2021 13:15:18 +0100
Subject: [PATCH 4/4] Fix deprecation error

---
 src/LoadingOverlay.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/LoadingOverlay.js b/src/LoadingOverlay.js
index ddb711b..a1a002d 100644
--- a/src/LoadingOverlay.js
+++ b/src/LoadingOverlay.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react'
+import React, { Component, createRef } from 'react'
 import PropTypes from 'prop-types'
 import { CSSTransition } from 'react-transition-group'
 import { css, cx } from 'emotion'
@@ -11,6 +11,7 @@ class LoadingOverlayWrapper extends Component {
     super(props)
     this.wrapper = React.createRef()
     this.state = { overflowCSS: {} }
+    this.nodeRef = createRef();
   }
 
   componentDidMount () {
@@ -82,6 +83,7 @@ class LoadingOverlayWrapper extends Component {
           classNames='_loading-overlay-transition'
           timeout={fadeSpeed}
           unmountOnExit
+          nodeRef={this.nodeRef}
         >
           {state => (
             <div
@@ -89,7 +91,7 @@ class LoadingOverlayWrapper extends Component {
               className={this.cx('overlay', css(this.getStyles('overlay', state)))}
               onClick={onClick}
             >
-              <div className={this.cx('content', css(this.getStyles('content')))}>
+              <div className={this.cx('content', css(this.getStyles('content')))} ref={this.nodeRef}>
                 {spinner && (
                   typeof spinner === 'boolean'
                     ? <Spinner cx={this.cx} getStyles={this.getStyles} />