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. 🖥️ 📱
https://fullpage.caferati.me
MIT License
2.92k stars 294 forks source link

remove the warning thrown by UNSAFE_componentWillReceiveProps by replacing it by componentDidMount #226

Open mark-yacoub opened 4 months ago

mark-yacoub commented 4 months ago

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.