rcaferati / react-awesome-slider

React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. πŸ–₯️ πŸ“±

Home Page:https://fullpage.caferati.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

remove the warning thrown by UNSAFE_componentWillReceiveProps by replacing it by componentDidMount

mark-yacoub opened this issue Β· comments

Hi! πŸ‘‹

Firstly, thanks for your work on this project! πŸ™‚

Today I used patch-package to patch react-awesome-slider@4.1.0 for the project I'm working on.

remove the warning thrown by UNSAFE_componentWillReceiveProps by replacing it by componentDidMount
.
Here is the diff that solved my problem:

diff --git a/node_modules/react-awesome-slider/src/core/index.js b/node_modules/react-awesome-slider/src/core/index.js
index edb2377..9d0d7d0 100644
--- a/node_modules/react-awesome-slider/src/core/index.js
+++ b/node_modules/react-awesome-slider/src/core/index.js
@@ -132,7 +132,7 @@ export default class AwesomeSlider extends React.Component {
     }
   }
 
-  UNSAFE_componentWillReceiveProps(newProps) {
+  componentDidUpdate(newProps) {
     this.checkChildren(newProps);
     this.setupClassNames(mergeStyles(newProps.cssModule));
     if (newProps.name !== this.props.name) {

This issue body was partially generated by patch-package.